AspNetCore Angular 6.0 SPA 模板中的未知选项 --extractCss

Question

我已经从cli 搭建了AspNetCore Angular 6.0 SPA template，然后相应地安装了npm 包。

但是，当我尝试运行项目 dotnet run 时，它并没有启动，而是提示错误。我已经截取了截图供您参考。我不确定这是否与angular.Json file 或其他有关！任何想法..

错误：

未知选项--extractCss

Answer 1

这是因为ng serve 命令不再支持--extractCss 选项

打开package.json。你会发现

{
  "scripts": {
    "start": "ng serve --extract-css" // Please remove the --extract-css
    // ...
  }  
}

从start 脚本中删除--extract-css。

现在就可以了

{
  "scripts": {
     "start": "ng serve"
      // ...
  }   
}

现在打开angular.json。在build 配置中设置"extractCss": true

示例：

"build": {
    "architect": {
           "configurations": {
                "extractCss": true,
                  //...
             }
         }
      }
   }

参考：https://github.com/angular/angular-cli/issues/10666#issuecomment-386843570

参考2：http://www.talkingdotnet.com/upgrade-angular-5-app-angular-6-visual-studio-2017/