清理node_modules后缺少軟件包

Question

我有一個問題：npm run watch在10％之后卡住了，所以我刪除了node_modules目錄和package-lock.json但我想我在不使用--save-dev的情況下使用npm install安裝了模塊，並且在重新安裝了其中的幾個模塊后，仍然會收到警告，無法識別此處缺少哪個軟件包...

WARNING in ./resources/js/components/common/ContenuComponent.vue?vue&type=style&index=0&id=1a3ffd6c&scoped=true&lang=css& (./node_modules/css-loader/dist/cjs.js??ref--6-1!./node_modules/laravel-mix/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/common/ContenuComponent.vue?vue&type=style&index=0&id=1a3ffd6c&scoped=true&lang=css&)
Module Warning (from ./node_modules/css-loader/dist/cjs.js):
Warning

(476:2) Unable to find uri in 'background:url() no-repeat top left black'
 @ ./resources/js/components/common/ContenuComponent.vue?vue&type=style&index=0&id=1a3ffd6c&scoped=true&lang=css& (./node_modules/style-loader!./node_modules/css-loader/dist/cjs.js??ref--6-1!./node_modules/laravel-mix/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/common/ContenuComponent.vue?vue&type=style&index=0&id=1a3ffd6c&scoped=true&lang=css&) 2:14-388
 @ ./resources/js/components/common/ContenuComponent.vue?vue&type=style&index=0&id=1a3ffd6c&scoped=true&lang=css&
 @ ./resources/js/components/common/ContenuComponent.vue
 @ ./resources/js/app.js
 @ multi ./resources/js/app.js ./resources/sass/app.scss

我做了：

• npm安裝postcss-loader --save-dev

• npm安裝樣式加載器--save-dev

• npm安裝css-loader --save-dev

• npm安裝文件加載器--save-dev

• npm安裝vue-loader --save-dev

  有什么方法可以識別我所缺少的嗎？ 非常感謝！

Answer 1

刪除package-lock.json ，將刪除有關之前安裝了每個軟件包的特定版本的引用。 我的猜測是在css-loader模塊內發布了一個問題，該問題似乎與Laravel的依賴有關。

最簡單的修復方法是恢復package-lock.json ，再次刪除node_modules並使用npm install重新npm install 。

Answer 2

您可以根據提供的信息嘗試幾種方法。 您可以嘗試使用npm cache clean或npm cache clean --f（這是一種強制措施，它將詢問您是否知道自己在做什么，可以繼續使用強制措施。） 清除緩存后，您可以嘗試再次運行npm install。 還要檢查您的NodeJS版本，並確保您使用的任何軟件包也支持該版本。 節點-V並檢查並確保CSS加載程序支持您的節點版本。

Answer 3

我以為已解決問題之后，今天又遇到了問題（實際上，最糟糕的是，這是一個錯誤）。 因此，我回到了package-lock.json的舊版本，經過多次嘗試和另一個小時的努力，它仍然有效。

我想這將再次發生，顯然我不能這樣做，因為將來我會添加其他軟件包。 我想知道是否有任何方法可以在package.json開發依賴項中添加所有缺少的軟件包？ 我不知道如何識別它們？

看起來npm install ls node_modules --save幾年前就在工作，所以我試圖找出類似的東西，但可能是在package-lock.json中讀取（我在做夢嗎？:)）

非常感謝