如何解决 SassError：属性“enableProdMode”必须后跟“：”？答案

【问题标题】：How do I resolve SassError: property "enableProdMode" must be followed by a ':'?如何解决 SassError：属性“enableProdMode”必须后跟“：”？
【发布时间】：2020-04-15 18:52:46
【问题描述】：

我已将 Angular 从 7 更新到 9 并收到此错误：

ERROR in ./src/styles.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/dist/cjs.js??ref--13-3!./src/styles.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: property "enableProdMode" must be followed by a ':'
        on line 1 of src/main.ts
        from line 4 of D:\Projects\HelloWorldProject.HelloWorld.Frontend\src\styles.scss
>> import { enableProdMode } from '@angular/core';
   ---------^

SassError: SassError: property "enableProdMode" must be followed by a ':'
        on line 1 of src/main.ts
        from line 4 of D:\Projects\HelloWorldProject.HelloWorld.Frontend\src\styles.scss
>> import { enableProdMode } from '@angular/core';
   ---------^

    at Object.callback (D:\Projects\HelloWorldProject.HelloWorld.Frontend\node_modules\sass-loader\dist\index.js:73:16)
    at Object.done [as callback] (D:\Projects\HelloWorldProject.HelloWorld.Frontend\node_modules\neo-async\async.js:8067:18)
    at options.error (D:\Projects\HelloWorldProject.HelloWorld.Frontend\node_modules\node-sass\lib\index.js:294:32)
 @ ./src/styles.scss 2:26-251
 @ multi ./src/assets/styles/kendo_all.css ./src/styles.scss

我尝试在 environment.ts 中将生产设置为 true

  export const environment = {       
        production: true      
 };

此错误消息说明了什么以及如何解决？

【问题讨论】：

标签： javascript angular webpack sass migration

【解决方案1】：

在将 Angular 从版本 8 更新到版本 9 时，我遇到了同样的错误。问题是对 SCSS 文件的引用。

在我的主 SCSS 文件 style.scss 中有一个从另一个 SCSS 文件导入。之前的导入是这样的：

@import "main";

我只需要显式添加文件扩展名即可解决问题。像这样：

@import "main.scss";

【讨论】：