【发布时间】:2021-09-11 15:11:00
【问题描述】:
我正在 Windows 10 上开发 Laravel 项目 (v8.12),当我尝试运行“npm run watch”时出现此错误。该脚本在一个月前运行良好,并且在其他贡献者进行一些更改后似乎停止正常运行。这是调用堆栈和所有内容的错误:
ERROR in ./resources/sass/app.scss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
Error: Cannot find module 'true-case-path'
Require stack:
- C:\Projects\node_modules\node-sass\lib\extensions.js
- C:\Projects\node_modules\node-sass\lib\index.js
- C:\Projects\subsearch\node_modules\sass-loader\dist\getDefaultSassImplementation.js
- C:\Projects\subsearch\node_modules\sass-loader\dist\getSassImplementation.js
- C:\Projects\subsearch\node_modules\sass-loader\dist\index.js
- C:\Projects\subsearch\node_modules\sass-loader\dist\cjs.js
- C:\Projects\subsearch\node_modules\webpack\lib\ProgressPlugin.js
- C:\Projects\subsearch\node_modules\webpack\lib\index.js
- C:\Projects\subsearch\node_modules\webpack-cli\lib\webpack-cli.js
- C:\Projects\subsearch\node_modules\webpack-cli\lib\bootstrap.js
- C:\Projects\subsearch\node_modules\webpack-cli\bin\cli.js
- C:\Projects\subsearch\node_modules\webpack\bin\webpack.js
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:902:15)
at Function.Module._load (internal/modules/cjs/loader.js:746:27)
at Module.require (internal/modules/cjs/loader.js:974:19)
at require (C:\Projects\subsearch\node_modules\v8-compile-cache\v8-compile-cache.js:159:20)
at Object.<anonymous> (C:\Projects\node_modules\node-sass\lib\extensions.js:11:22)
at Module._compile (C:\Projects\subsearch\node_modules\v8-compile-cache\v8-compile-cache.js:192:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
at Module.load (internal/modules/cjs/loader.js:950:32)
at Function.Module._load (internal/modules/cjs/loader.js:790:14)
at Module.require (internal/modules/cjs/loader.js:974:19)
at require (C:\Projects\subsearch\node_modules\v8-compile-cache\v8-compile-cache.js:159:20)
at Object.<anonymous> (C:\Projects\node_modules\node-sass\lib\index.js:8:10)
at Module._compile (C:\Projects\subsearch\node_modules\v8-compile-cache\v8-compile-cache.js:192:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
at Module.load (internal/modules/cjs/loader.js:950:32)
at Function.Module._load (internal/modules/cjs/loader.js:790:14)
at processResult (C:\Projects\subsearch\node_modules\webpack\lib\NormalModule.js:701:19)
at C:\Projects\subsearch\node_modules\webpack\lib\NormalModule.js:807:5
at C:\Projects\subsearch\node_modules\loader-runner\lib\LoaderRunner.js:399:11
at C:\Projects\subsearch\node_modules\loader-runner\lib\LoaderRunner.js:251:18
at runSyncOrAsync (C:\Projects\subsearch\node_modules\loader-runner\lib\LoaderRunner.js:156:3)
at iterateNormalLoaders (C:\Projects\subsearch\node_modules\loader-runner\lib\LoaderRunner.js:250:2)
at Array.<anonymous> (C:\Projects\subsearch\node_modules\loader-runner\lib\LoaderRunner.js:223:4)
at runCallbacks (C:\Projects\subsearch\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:27:15)
at C:\Projects\subsearch\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:200:4
at C:\Projects\subsearch\node_modules\graceful-fs\graceful-fs.js:123:16
at FSReqCallback.readFileAfterClose [as oncomplete] (internal/fs/read_file_context.js:73:3)
1 ERROR in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)
webpack compiled with 2 errors
Notifications are disabled
Reason: DisabledForApplication Please make sure that the app id is set correctly.
Command Line: C:\Projects\subsearch\node_modules\node-notifier\vendor\snoreToast\snoretoast-x64.exe -appID "Laravel Mix" -pipeName \\.\pipe\notifierPipe-280d1750-a3b9-4181-9000-9ac0034b193a -p C:\Projects\subsearch\node_modules\laravel-mix\icons\la
ravel.png -m "Error: C:\Projects\subsearch\resources\sass\app.scss
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
Error: Cannot find module 'true-case-path'
Require stack:
- C:\Projects\node_modules\node-sass\lib\extensions.js
- C:\Projects\node_modules\node-sass\lib\index.js
- C:\Projects\subsearch\node_modules\sass-loader\dist\getDefaultSassImplementation.js
- C:\Projects\subsearch\node_modules\sass-loader\dist\getSassImplementation.js
- C:\Projects\subsearch\node_modules\sass-loader\dist\index.js
- C:\Projects\subsearch\node_modules\sass-loader\dist\cjs.js
- C:\Projects\subsearch\node_modules\webpack\lib\ProgressPlugin.js
- C:\Projects\subsearch\node_modules\webpack\lib\index.js
- C:\Projects\subsearch\node_modules\webpack-cli\lib\webpack-cli.js
- C:\Projects\subsearch\node_modules\webpack-cli\lib\bootstrap.js
- C:\Projects\subsearch\node_modules\webpack-cli\bin\cli.js
- C:\Projects\subsearch\node_modules\webpack\bin\webpack.js
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:902:15)
at Function.Module._load (internal/modules/cjs/loader.js:746:27)
at Module.require (internal/modules/cjs/loader.js:974:19)
at require (C:\Projects\subsearch\node_modules\v8-compile-cache\v8-compile-cache.js:159:20)
at Object.<anonymous> (C:\Projects\node_modules\node-sass\lib\extensions.js:11:22)
at Module._compile (C:\Projects\subsearch\node_modules\v8-compile-cache\v8-compile-cache.js:192:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
at Module.load (internal/modules/cjs/loader.js:950:32)
at Function.Module._load (internal/modules/cjs/loader.js:790:14)
at Module.require (internal/modules/cjs/loader.js:974:19)
at require (C:\Projects\subsearch\node_modules\v8-compile-cache\v8-compile-cache.js:159:20)
at Object.<anonymous> (C:\Projects\node_modules\node-sass\lib\index.js:8:10)
at Module._compile (C:\Projects\subsearch\node_modules\v8-compile-cache\v8-compile-cache.js:192:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
at Module.load (internal/modules/cjs/loader.js:950:32)
at Function.Module._load (internal/modules/cjs/loader.js:790:14)" -t "Laravel Mix"
这是我的 package.json:
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "mix",
"watch": "mix watch",
"watch-poll": "mix watch -- --watch-options-poll=1000",
"hot": "mix watch --hot",
"prod": "npm run production",
"production": "mix --production",
"tr-extract": "vue-gettext-cli extract -s ./resources/js/translations -d ./resources/js/translations -l nl",
"tr-compile": "vue-gettext-cli compile -s ./resources/js/translations/locales -d ./resources/js/translations -c"
},
"devDependencies": {
"axios": "^0.21",
"bootstrap": "^4.0.0",
"jquery": "^3.6.0",
"laravel-mix": "6.0.13",
"lodash": "^4.17.21",
"popper.js": "^1.12",
"postcss": "^8.3.0",
"resolve-url-loader": "^3.1.3",
"sass": "^1.34.0",
"sass-loader": "^8.0.0",
"vue": "^2.5.17",
"vue-loader": "^15.9.5",
"vue-template-compiler": "^2.6.10"
},
"dependencies": {
"@googlemaps/js-api-loader": "^1.11.4",
"@myena/advanced-select": "^0.9.3",
"chart.js": "^2.9.4",
"laravel-vue-datatable": "^0.6.0",
"laravel-vue-pagination": "^2.3.1",
"moment": "^2.29.1",
"tailable-pagination": "^0.1.22",
"v-calendar": "^2.3.0",
"vue-chartjs": "^3.5.1",
"vue-easy-dnd": "^1.10.2",
"vue-ellipsis": "^1.2.0",
"vue-gettext": "^2.1.12",
"vue-gettext-cli": "^1.0.5",
"vue-moment": "^4.1.0",
"vue-multiselect": "^2.1.6",
"vue-range-component-fixed": "^1.0.3",
"vue-slider-component": "^4.0.0-beta.3",
"vue2-editor": "^2.10.2",
"vuetify": "^2.5.1"
}
}
到目前为止我所做的 - 我在删除 node_modules 和 package-lock.json 后运行了“npm install”。 由于这没有帮助,我采取了更严厉的措施:
- 卸载 node.js
- 删除所有节点和 npm 文件夹
- 重启
- 再次安装node.js
- 再次重启
- 删除 node_modules 和 package-lock.json
- 运行 npm install
但错误不断发生... 由于 node.js 和 npm 对我来说有点神秘,因此我们将不胜感激。
更新
我正在使用 node.js v16.4.0 和 npm v7.18.1。
【问题讨论】:
-
你把 package.json 和 composer.json 搞错了
标签: node.js laravel npm laravel-mix