文章/答案/技术大牛

发布

社区首页 >问答首页 >角9类型标引用node_modules以修复MIME错误

问角9类型标引用node_modules以修复MIME错误
EN

Stack Overflow用户

提问于 2020-12-14 13:31:50

回答 1查看 121关注 0票数 1

我正在构建一个浏览器应用程序的角9类型抄本，并试图实现webdatarocks包，以便我可以使用枢轴表在，组件的应用程序。我安装了webdatarocks，现在有了以下内容：

<!doctype html>
<html lang="en">
<html>
    <head>
        <meta charset="utf-8">
        <link href="/angular-app/node_modules/webdatarocks/webdatarocks.min.css" rel="stylesheet"/>
        <script src="/angular-app/node_modules/webdatarocks/webdatarocks.toolbar.min.js"></script>
        <script src="/angular-app/node_modules/webdatarocks/webdatarocks.js"></script>
        <base href="/">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="icon" type="image/x-icon" href="favicon.ico"> 
    </head> 
    
    <body>
        <app-wbr-pivot #pivot1 [toolbar]="true">
         Webdatarocks will appear here
        </app-wbr-pivot>
    </body>
</html>

注意，这不是index.html文件。该文件是独立的，包含整个应用程序的样式等，我试图在应用程序的一个组件中使用webdatarocks，所以上面的代码位于组件的html文件中。(不确定这是否是推荐的，因为我对此非常陌生，但我不明白为什么不应该这样做？)在尝试运行此操作时，由于以下错误而不应用样式：

Refused to apply style from 'http://localhost:4200/angular-app/node_modules/webdatarocks/webdatarocks.min.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

现在我知道这可能不起作用，因为它无法匹配到url的任何路由，所以它被作为html中的错误页而不是css文件读取。我的问题是如何解决这个问题？我必须以某种方式将这个url添加到路由模块吗？难道没有一种方法可以简单地指向node_modules中需要的库吗？我试着添加

"./node_modules/webdatarocks/webdatarocks.min.css"
"./node_modules/webdatarocks/webdatarocks.toolbar.min.js",
"./node_modules/webdatarocks/webdatarocks.js"

angular.json文件中的样式和脚本，但它仍然无法工作。

谢谢，如果我能澄清什么，请告诉我！

html

css

angular

typescript

node-modules

回答 1

Stack Overflow用户

发布于 2020-12-14 15:52:11

好吧，我知道我要做的就是删除head标签中的所有内容，然后添加：

@import "webdatarocks/webdatarocks.min.css";

对styles.css文件和角形负责其余的处理。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/65289871

复制

相似问题

问角9类型标引用node_modules以修复MIME错误
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问角9类型标引用node_modules以修复MIME错误EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问角9类型标引用node_modules以修复MIME错误
EN