錯誤輸出是：未知選項：'--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