我正在尝试修改具有Angular 6且使用Angular Material 6.3.3的项目的主题
当前，我只是从Material网站复制了代码，并按照以下步骤操作，但是当我尝试运行ng serve时却弹出一个错误。
row[0]我的theme.scss文件如下：
**ERROR** in ./src/styles.css (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./src/styles.css)
Module build failed: Syntax Error
(118:13) Missed semicolon
116 | // We use display: flex on this element exclusively for centering connected overlays.
117 | // When not centering, a top/left/bottom/right will be set which overrides the normal
118 | // flex layout.
| ^
119 | display: flex;
120 |
ℹ ｢wdm｣: Failed to compile.
答案 0 :(得分：1)
我发现解决方案是将您的项目完全切换到SCSS或仅使用CSS。 Angular Materials的文档基本上假定您正在使用SCSS，因此所有内容都需要使用在SCSS中样式化的项目来生成。
因此，总而言之，您可以一直使用CSS或在创建项目时执行ng new --style = scss
答案 1 :(得分：0)
我认为您输入的是错误的内容，应该是：
@import '~@angular/material/theming';