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 install style-loader --save-dev
npm install css-loader --save-dev
npm install file-loader --save-dev
npm install vue-loader --save-dev

有什么方法可以识别我所缺少的吗？非常感谢！

Answer 1

删除package-lock.json时，将删除有关以前安装每个软件包的特定版本的引用。我的猜测是，css-loader模块中发布了一个问题，该问题似乎与Laravel的依赖有关。

最简单的修复方法是恢复package-lock.json，再次删除node_modules并使用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 string --save在几年前就可以正常工作了，所以我试图整理一下类似的东西，但可能是在package-lock.json中读了（也许我在做梦？:)）

非常感谢

清理node_modules后缺少软件包

3 个答案: