Javascript 平均应用程序:Can';在有棱角的材料中找不到主题

Javascript 平均应用程序:Can';在有棱角的材料中找不到主题,javascript,css,angular,angular-material,Javascript,Css,Angular,Angular Material,所以我刚刚发现了角材料。我想设置它,但浏览器无法加载角度材质主题。它给了我以下错误: 找不到角材质核心主题。大多数材料组件 可能无法按预期工作。有关更多信息,请参阅主题化指南: 以及 解释为样式表但使用MIME类型传输的资源 text/html: “” 首先,我的项目结构如下: 如您所见,我在index.hbs文件中添加了一个元素,其中包含指向靛蓝粉色主题的链接。在此之前,我尝试将主题导入到公用文件夹中的styles.css文件中 @导入“~@angular/material/prebuil

所以我刚刚发现了角材料。我想设置它,但浏览器无法加载角度材质主题。它给了我以下错误:

找不到角材质核心主题。大多数材料组件 可能无法按预期工作。有关更多信息,请参阅主题化指南:

以及

解释为样式表但使用MIME类型传输的资源 text/html: “”

首先,我的项目结构如下:

如您所见,我在index.hbs文件中添加了一个元素,其中包含指向靛蓝粉色主题的链接。在此之前,我尝试将主题导入到公用文件夹中的styles.css文件中

@导入“~@angular/material/prebuild themes/indigo pink.css”


两种方法最终都给了我同样的上述错误。有人知道我做错了什么吗?

您绝对不能在index.html中引用节点模块@进口将是正确的方式。看起来您使用的是Webpack,而不是Angular CLI,这将使此功能自动运行,因此您需要找到一个Webpack插件来处理@import并将样式捆绑在一起,或者如果您有,请修复您的Webpack配置。尝试:

可能重复的,而不是重复的。这是一个网页使用问题。Angular 2+使用网页包进行捆绑。将任何本地样式添加到index.html是一种反模式。