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

Question

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

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

处理请求时发生未处理的异常。 AggregateException：发生一个或多个错误。 （发生了一个或多个错误。（NPM 脚本“start”退出时并未表明 Angular CLI 正在侦听请求。错误输出为：Unknown option: '--extract-css'

npm 错误！ 代码生命周期

npm 错误！ 错误号 1

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

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

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

InvalidOperationException：NPM 脚本“开始”退出，但未指示 Angular CLI 正在侦听请求。 错误输出是：未知选项：'--extract-css'

npm 错误！ 代码生命周期

npm 错误！ 错误号 1

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

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

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

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

Answer 1

我发现通过从以下位置更改 package.json：

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

到：

"scripts": { "ng": "ng", "start": "ng serve", "build": "ng build",

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

Answer 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",

PS: --extract-css不支持 serve，请参考angular issue #10532