NPM版本太老了

Question

我遇到了一个问题。我的Laravel项目是个老项目，我不能运行npm run dev。让我们看看一些代码：

php artisan laravel --version: Laravel Framework 5.8.38

node --version: v16.16.0这是已安装的Node的实际版本

以及运行NPM时的错误：

MacBook-Pro-de-Marcello:webroker marcellopato$ npm run dev
npm WARN npm npm does not support Node.js v16.16.0
npm WARN npm You should probably upgrade to a newer version of node as we
npm WARN npm can't make any promises that npm will work with this version.
npm WARN npm Supported releases of Node.js are the latest release of 6, 8, 9, 10, 11.
npm WARN npm You can find the latest version at https://nodejs.org/

> @ dev /Users/marcellopato/Documents/Sites/webroker
> npm run development

npm WARN npm npm does not support Node.js v16.16.0
npm WARN npm You should probably upgrade to a newer version of node as we
npm WARN npm can't make any promises that npm will work with this version.
npm WARN npm Supported releases of Node.js are the latest release of 6, 8, 9, 10, 11.
npm WARN npm You can find the latest version at https://nodejs.org/

> @ development /Users/marcellopato/Documents/Sites/webroker
> cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

node:events:505
      throw er; // Unhandled 'error' event
      ^

Error: spawn node_modules/webpack/bin/webpack.js ENOENT
    at Process.ChildProcess._handle.onexit (node:internal/child_process:283:19)
    at onErrorNT (node:internal/child_process:478:16)
    at processTicksAndRejections (node:internal/process/task_queues:83:21)
Emitted 'error' event on ChildProcess instance at:
    at Process.ChildProcess._handle.onexit (node:internal/child_process:289:12)
    at onErrorNT (node:internal/child_process:478:16)
    at processTicksAndRejections (node:internal/process/task_queues:83:21) {
  errno: -2,
  code: 'ENOENT',
  syscall: 'spawn node_modules/webpack/bin/webpack.js',
  path: 'node_modules/webpack/bin/webpack.js',
  spawnargs: [
    '--progress',
    '--hide-modules',
    '--config=node_modules/laravel-mix/setup/webpack.config.js'
  ]
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ development: `cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the @ development script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm WARN Local package.json exists, but node_modules missing, did you mean to install?

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/marcellopato/.npm/_logs/2022-08-29T14_40_33_577Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ dev: `npm run development`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the @ dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm WARN Local package.json exists, but node_modules missing, did you mean to install?

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/marcellopato/.npm/_logs/2022-08-29T14_40_33_659Z-debug.log

package.json：

    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    },
    "devDependencies": {
        "axios": "^0.18.0",
        "bootstrap": "^4.1.3",
        "cross-env": "^5.2.0",
        "jquery": "^3.2",
        "laravel-mix": "^2.1.14",
        "lodash": "^4.17.11",
        "popper.js": "^1.14.3",
        "vue": "^2.5.16",
        "vuedraggable": "^2.16.0"
    },
    "dependencies": {
        "@tinymce/tinymce-vue": "^1.1.0",
        "@websanova/vue-upload": "^0.2.14-beta",
        "ajv": "^6.5.4",
        "jquery-filepond": "^1.0.0",
        "laravel-echo": "^1.4.0",
        "moment": "^2.22.2",
        "moment-timezone": "^0.5.21",
        "node-sass": "^4.9.4",
        "npm": "^6.4.1",
        "pusher-js": "^4.3.1",
        "tinymce-vue-2": "0.0.5",
        "v-calendar": "^0.9.7",
        "vlightbox": "^2.0.2",
        "vue-chat-scroll": "^1.2.0",
        "vue-google-charts": "^0.3.2",
        "vue-moment": "^4.0.0",
        "vue-scrollto": "^2.13.0",
        "vue-simple-lightbox": "^1.1.0",
        "vue-template-compiler": "^2.5.17",
        "vue-the-mask": "^0.11.1",
        "vue-toasted": "^1.1.25",
        "vue-upload-component": "^2.8.14",
        "vue-wysiwyg": "^1.7.2",
        "vue2-daterange-picker": "^0.1.1",
        "vue2-dropzone": "^3.5.2",
        "vue2-editor": "^2.6.1"
    }
}

我认为这个问题相对于Node的实际版本来说太新了。可能是那个？如果是这样的话，有一种方法可以知道我第一次在我的机器上安装的版本是什么？

还是新的问题？

现在有了日志文件：

0 verbose cli /Users/marcellopato/.nvm/versions/node/v16.17.0/bin/node /Users/marcellopato/.nvm/versions/node/v16.17.0/bin/npm
1 info using npm@8.15.0
2 info using node@v16.17.0
3 timing npm:load:whichnode Completed in 0ms
4 timing config:load:defaults Completed in 2ms
5 timing config:load:file:/Users/marcellopato/.nvm/versions/node/v16.17.0/lib/node_modules/npm/npmrc Completed in 1ms
6 timing config:load:builtin Completed in 3ms
7 timing config:load:cli Completed in 3ms
8 timing config:load:env Completed in 0ms
9 timing config:load:file:/Users/marcellopato/Documents/Sites/webroker/.npmrc Completed in 0ms
10 timing config:load:project Completed in 19ms
11 timing config:load:file:/Users/marcellopato/.npmrc Completed in 0ms
12 timing config:load:user Completed in 0ms
13 timing config:load:file:/Users/marcellopato/.nvm/versions/node/v16.17.0/etc/npmrc Completed in 0ms
14 timing config:load:global Completed in 0ms
15 timing config:load:validate Completed in 0ms
16 timing config:load:credentials Completed in 1ms
17 timing config:load:setEnvs Completed in 2ms
18 timing config:load Completed in 33ms
19 timing npm:load:configload Completed in 33ms
20 timing npm:load:mkdirpcache Completed in 1ms
21 timing npm:load:mkdirplogs Completed in 1ms
22 verbose title npm install
23 verbose argv "install"
24 timing npm:load:setTitle Completed in 29ms
25 timing config:load:flatten Completed in 7ms
26 timing npm:load:display Completed in 11ms
27 verbose logfile logs-max:10 dir:/Users/marcellopato/.npm/_logs
28 verbose logfile /Users/marcellopato/.npm/_logs/2022-09-08T23_11_39_339Z-debug-0.log
29 timing npm:load:logFile Completed in 7ms
30 timing npm:load:timers Completed in 0ms
31 timing npm:load:configScope Completed in 0ms
32 timing npm:load Completed in 82ms
33 timing arborist:ctor Completed in 1ms
34 silly logfile start cleaning logs, removing 18 files
35 timing idealTree:init Completed in 1856ms
36 warn old lockfile
36 warn old lockfile The package-lock.json file was created with an old version of npm,
36 warn old lockfile so supplemental metadata must be fetched from the registry.
36 warn old lockfile so supplemental metadata must be fetched from the registry.
36 warn old lockfile
36 warn old lockfile This is a one-time fix-up, please be patient...
36 warn old lockfile
37 silly inflate node_modules/@tinymce/tinymce-vue
38 silly inflate node_modules/@types/node
39 silly inflate node_modules/@types/semver
40 silly inflate node_modules/@websanova/vue-upload
41 silly logfile done cleaning log files
42 http fetch GET 200 https://registry.npmjs.org/@types%2fsemver 414ms (cache revalidated)
43 silly inflate node_modules/abbrev
44 http fetch GET 200 https://registry.npmjs.org/npm 2310ms (cache revalidated)
45 http fetch GET 200 https://registry.npmjs.org/abbrev 155ms (cache revalidated)
46 silly inflate node_modules/accepts
47 http fetch GET 200 https://registry.npmjs.org/@types%2fnode 579ms (cache updated)
48 silly inflate node_modules/acorn
49 http fetch GET 200 https://registry.npmjs.org/accepts 84ms (cache revalidated)
50 silly inflate node_modules/acorn-dynamic-import
51 http fetch GET 200 https://registry.npmjs.org/acorn 73ms (cache revalidated)
52 silly inflate node_modules/acorn-dynamic-import/node_modules/acorn
53 silly inflate node_modules/adjust-sourcemap-loader
54 http fetch GET 200 https://registry.npmjs.org/adjust-sourcemap-loader 62ms (cache revalidated)
55 silly inflate node_modules/adjust-sourcemap-loader/node_modules/camelcase
56 http fetch GET 200 https://registry.npmjs.org/camelcase 82ms (cache revalidated)
57 silly inflate node_modules/adjust-sourcemap-loader/node_modules/lodash.defaults
58 http fetch GET 200 https://registry.npmjs.org/lodash.defaults 59ms (cache revalidated)
59 silly inflate node_modules/adjust-sourcemap-loader/node_modules/lodash.defaults/node_modules/lodash.assign
60 http fetch GET 200 https://registry.npmjs.org/lodash.assign 63ms (cache revalidated)
61 silly inflate node_modules/ajv
62 http fetch GET 200 https://registry.npmjs.org/acorn-dynamic-import 328ms (cache revalidated)
63 silly inflate node_modules/ajv-keywords
64 http fetch GET 200 https://registry.npmjs.org/ajv 54ms (cache revalidated)
65 silly inflate node_modules/align-text
66 http fetch GET 200 https://registry.npmjs.org/ajv-keywords 51ms (cache revalidated)
67 silly inflate node_modules/align-text/node_modules/kind-of
68 http fetch GET 200 https://registry.npmjs.org/kind-of 48ms (cache revalidated)
69 silly inflate node_modules/alphanum-sort
70 http fetch GET 200 https://registry.npmjs.org/alphanum-sort 66ms (cache revalidated)
71 silly inflate node_modules/amdefine
72 http fetch GET 200 https://registry.npmjs.org/@tinymce%2ftinymce-vue 1189ms (cache revalidated)
73 silly inflate node_modules/ansi-html
74 http fetch GET 200 https://registry.npmjs.org/@websanova%2fvue-upload 1200ms (cache revalidated)
75 silly inflate node_modules/ansi-regex
76 http fetch GET 200 https://registry.npmjs.org/amdefine 48ms (cache revalidated)
77 silly inflate node_modules/ansi-styles
78 http fetch GET 200 https://registry.npmjs.org/ansi-html 54ms (cache revalidated)
79 silly inflate node_modules/anymatch
80 http fetch GET 200 https://registry.npmjs.org/ansi-regex 50ms (cache revalidated)
81 silly inflate node_modules/aproba
82 http fetch GET 200 https://registry.npmjs.org/ansi-styles 62ms (cache revalidated)
83 silly inflate node_modules/are-we-there-yet
84 http fetch GET 200 https://registry.npmjs.org/align-text 274ms (cache revalidated)
85 silly inflate node_modules/argparse
86 http fetch GET 200 https://registry.npmjs.org/anymatch 55ms (cache revalidated)
87 silly inflate node_modules/arr-diff
88 http fetch GET 200 https://registry.npmjs.org/aproba 52ms (cache revalidated)
89 silly inflate node_modules/arr-flatten
90 http fetch GET 200 https://registry.npmjs.org/are-we-there-yet 79ms (cache revalidated)
91 silly inflate node_modules/arr-union
92 http fetch GET 200 https://registry.npmjs.org/argparse 70ms (cache revalidated)
93 silly inflate node_modules/array-find-index
94 http fetch GET 200 https://registry.npmjs.org/arr-diff 66ms (cache revalidated)
95 silly inflate node_modules/array-flatten
96 http fetch GET 200 https://registry.npmjs.org/arr-flatten 66ms (cache revalidated)
97 silly inflate node_modules/array-includes
98 http fetch GET 200 https://registry.npmjs.org/array-find-index 77ms (cache revalidated)
99 silly inflate node_modules/array-union
100 http fetch GET 200 https://registry.npmjs.org/array-flatten 73ms (cache revalidated)
101 silly inflate node_modules/array-uniq
102 http fetch GET 200 https://registry.npmjs.org/arr-union 102ms (cache revalidated)
103 silly inflate node_modules/array-unique
104 http fetch GET 200 https://registry.npmjs.org/array-includes 90ms (cache revalidated)
105 silly inflate node_modules/asn1
106 http fetch GET 200 https://registry.npmjs.org/array-union 108ms (cache revalidated)
107 silly inflate node_modules/asn1.js
108 http fetch GET 200 https://registry.npmjs.org/array-uniq 106ms (cache revalidated)
109 silly inflate node_modules/assert
110 http fetch GET 200 https://registry.npmjs.org/array-unique 93ms (cache revalidated)

Answer 1

可能您当前的npm与节点版本不兼容。

我建议您重新安装npm，然后再安装节点。

1. 删除npm : sudo卸载-g npm

Windows: npm卸载-g npm

安装https://nodejs.org

1. node.js