Laravel 8 vue 2 “npm run watch” 给出了 `mix watch` 错误。有人可以帮忙吗？

Question

节点 v 14.16.0

npm v 6.14.11

@手表 E:\xampp\htdocs
混合手表

E:\xampp\htdocs\node_modules\webpack\lib\NormalModule.js:181
抛出新的 TypeError(
^ TypeError：“编译”参数必须是编译的实例 在 Function.getCompilationHooks (E:\xampp\htdocs\node_modules\webpack\lib\NormalModule.js:181:10)
在 E:\xampp\htdocs\node_modules\vue-loader\lib\plugin-webpack5.js:36:70
在 Hook.eval [as call] (eval at create (E:\XAMPP\htdocs\node_modules\tapable\lib\HookCodeFactory.js:19:10), :206:1)
在 Hook.CALL_DELEGATE [as _call] (E:\XAMPP\htdocs\node_modules\tapable\lib\Hook.js:14:14)
在 Compiler.newCompilation (E:\XAMPP\htdocs\node_modules\webpack\lib\Compiler.js:1017:26)
在 E:\XAMPP\htdocs\node_modules\webpack\lib\Compiler.js:1059:29
在 Hook.eval [as callAsync] (创建时的 eval (E:\XAMPP\htdocs\node_modules\tapable\lib\HookCodeFactory.js:33:10), :22:1)
在 Hook.CALL_ASYNC_DELEGATE [as _callAsync] (E:\XAMPP\htdocs\node_modules\tapable\lib\Hook.js:18:14)
在 Compiler.compile (E:\XAMPP\htdocs\node_modules\webpack\lib\Compiler.js:1054:28)
在 E:\XAMPP\htdocs\node_modules\webpack\lib\Watching.js:134:19
在 Hook.eval [as callAsync] (创建时的 eval (E:\XAMPP\htdocs\node_modules\tapable\lib\HookCodeFactory.js:33:10), :22:1)
在 Hook.CALL_ASYNC_DELEGATE [as _callAsync] (E:\XAMPP\htdocs\node_modules\tapable\lib\Hook.js:18:14)
运行时 (E:\XAMPP\htdocs\node_modules\webpack\lib\Watching.js:88:33)
在 E:\XAMPP\htdocs\node_modules\webpack\lib\Watching.js:83:6 在 Compiler.readRecords (E:\XAMPP\htdocs\node_modules\webpack\lib\Compiler.js:894:11)
运行时 (E:\XAMPP\htdocs\node_modules\webpack\lib\Watching.js:79:26)

npm 错误！代码生命周期
npm 错误！错误号 1
npm 错误！ @手表：mix watch
npm 错误！退出状态 1
npm 错误！
npm 错误！ @watch 脚本失败。
npm 错误！这可能不是 npm 的问题。上面可能还有额外的日志输出。

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"
    },
    "devDependencies": {
        "axios": "^0.21",
        "laravel-mix": "^6.0.18",
        "lodash": "^4.17.19",
        "postcss": "^8.2.12",
        "vue-loader": "^15.9.5",
        "vue-template-compiler": "^2.6.12"
    },
    "dependencies": {
        "vue": "^2.6.12",
        "vue-axios": "^3.2.4",
        "vue-router": "^3.5.1"
    }
}

PS E:\xampp\htdocs> npm install

npm WARN 可选跳过可选依赖：fsevents@2.3.2 (node_modules\chokidar\node_modules\fsevents)：
npm WARN notsup 跳过可选依赖：fsevents@2.3.2 不受支持的平台：想要 {"os":"darwin","arch":"any"}（当前：{"os":"win32","arch": "x64"})
npm WARN 可选跳过可选依赖：fsevents@1.2.13 (node_modules\fsevents):
npm WARN notsup 跳过可选依赖：fsevents@1.2.13 不受支持的平台：想要 {"os":"darwin","arch":"any"}（当前：{"os":"win32","arch": "x64"})

在我尝试之前它正在工作

npm 缓存清理 --force

但现在给出同样的错误。我也试过了

npm 安装 webpack

它更新了 1 个包，但仍然无法正常工作。我用的是win 10 64bit。

删除 node_modules 文件夹，重新安装 nodejs 和 npm。没有任何效果。

不想删除 package-lock.json。谢谢。

Answer 1

我遇到了这个问题，可以通过重新安装node.js或运行节点设置并选择修复来修复它，似乎是与npm本身有关的问题