错误输出是：未知选项：'--extract-css'答案

【问题标题】：The error output was: Unknown option: '--extract-css'错误输出是：未知选项：'--extract-css'
【发布时间】：2020-01-04 10:12:22
【问题描述】：

我收到错误“NPM 脚本 'start' 已退出，但未指示 Angular CLI 正在侦听请求。错误输出为：未知选项：'--extract-css'”

我有一个好久没有工作的项目。它基于视觉工作室角度模板。启动项目时出现错误：

处理请求时发生未处理的异常。 AggregateException：发生一个或多个错误。（一个或多个错误发生了。（NPM 脚本 'start' 退出但没有表明 Angular CLI 正在监听请求。错误输出是：未知选项：'--extract-css'

npm 错误！代码生命周期

npm 错误！错误号 1

npm 错误！ angular@0.0.0 开始：ng serve --extract-css "--port" "54197" npm 错误！退出状态 1 npm ERR！ npm 错误！失败了 angular@0.0.0 启动脚本。 npm 错误！这可能不是问题与 npm。上面可能还有额外的日志输出。

npm 错误！可以在以下位置找到此运行的完整日志：

)) System.Threading.Tasks.Task.GetResultCore(bool waitCompletionNotification)

InvalidOperationException：NPM 脚本“start”退出时没有表明 Angular CLI 正在监听请求。错误输出是：未知选项：'--extract-css'

npm 错误！代码生命周期

npm 错误！错误号 1

npm 错误！ angular@0.0.0 开始：ng serve --extract-css "--port" "54197" npm 错误！退出状态 1 npm ERR！ npm 错误！失败了 angular@0.0.0 启动脚本。 npm 错误！这可能不是问题与 npm。上面可能还有额外的日志输出。

npm 错误！可以在以下位置找到此运行的完整日志：

Microsoft.AspNetCore.SpaServices.AngularCli.AngularCliMiddleware+d__3.MoveNext()

我希望能够从 Visual Studio 运行 Angular 模板项目。通过 angular cli 运行时运行良好。

【问题讨论】：

标签： angular visual-studio

【解决方案1】：

我发现通过将 package.json 更改为：

“脚本”：{ “ng”：“ng”， “开始”：“ng服务--extract-css”， "build": "ng build --extract-css",

到：

“脚本”：{ “ng”：“ng”， “开始”：“ng服务”， "build": "ng build",

允许在 Visual Studio 中成功运行 Angular 项目模板。基本上只是删除“--extract-css”

【讨论】：

【解决方案2】：

要在脚本中添加参数，请将它们添加到 -- 之后。

在上述情况下，代替：

"scripts": { "ng": "ng", "start": "ng serve --extract-css", "build": "ng build --extract-css",

你可以写成：

"scripts": { "ng": "ng", "start": "ng serve", "build": "ng build -- --extract-css",

P.S：--extract-css 不支持serve，请参考angular issue #10532

【讨论】：