在angular2中运行ng serve时出现编译器错误

在angular2中运行ng serve时出现编译器错误,angular,Angular,./~/css加载程序中出错?{“sourceMap”:false,“importLoaders”:1}/~/邮政编码加载器/src/styles.css 未找到模块:错误:无法解析“@angular/material/core/theming/prebuild/deeppurple amber.css” in 'C:\xampp\htdocs\A NG2\mobufinancialment\src' @ ./~/css-loader?{"sourceMap":false,"importLoad

./~/css加载程序中出错?{“sourceMap”:false,“importLoaders”:1}/~/邮政编码加载器/src/styles.css

未找到模块:错误:无法解析“@angular/material/core/theming/prebuild/deeppurple amber.css”

in 'C:\xampp\htdocs\A NG2\mobufinancialment\src'
@ ./~/css-loader?{"sourceMap":false,"importLoaders":1}!./~/postcss-loader!./src/styles.css 3:10-201 
@ ./src/styles.css
@ multi ./src/styles.css

在给定信息的情况下,最好将Angular2材质主题移动到index.html

    <link href="https://unpkg.com/@angular/material@2.0.0-beta.3/prebuilt-themes/deeppurple-amber.css" rel="stylesheet">


仅在main index.html中使用这个文件就足够了。选中此项

您的styles.css文件中可能有类似的内容:

@import '~@angular/material/core/theming/prebuilt/deeppurple-amber.css';
您需要将其更改为:

@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';

解释如下:

重现问题需要哪些步骤?