nodejs npm install、npm run dev运行的坎坷之路

news2025/2/26 3:08:17

1、前面的种种都不说了，好不容易运行起来oap-portal项目，运行idm-ui项目死活运行不起来，各种报错，各种安装，各种卸载nodejs，卸载nvm，重装，都不好使。

2、甚至后来运行npm install会展示这种结果

> node-sass@4.14.1 install D:\PROJECTS-QIANDUAN\ai_idm_ui_20250220\node_modules\node-sass 
> node scripts/install.js

Microsoft Windows [版本 10.0.19045.4780] (c) Microsoft Corporation。保留所有权利。 
D:\PROJECTS-QIANDUAN\ai_idm_ui_20250220\node_modules\node-sass>

3、彻底给我整不会了，甚至连之前已经运行起来的oap-portal项目用npm run dev或者npm install也报这个错

4、在我这儿，啥玩意要是一开始太顺，我自己都不习惯。

5、我就怀疑应该是什么缓存下废了，各种清理缓存都不好使，就上网找npm所有的缓存位置

6、竟然有两处，一处是:

C:\Users\haoxm\AppData\Roaming\

7、另一处是：

C:\Users\haoxm\AppData\Local\

8、这两个文件夹都有很多npm相关缓存，安装的各种组件，文件夹按照修改时间排序，发现一大堆"."开头的文件都是这几天装的，包括但不限于.npmr .npm .gyd等等，全部删掉，奶奶的。

9、还得感谢Q-dir默认就安装修改时间分组排序，要不然用传统文件夹，我也不会删的这么彻底

10、再重新卸载nvm，安装，oap-portal运行npm run dev 就好使了

11、中间有个插曲，用nvm use 14.17.2都不好使，我都要崩溃了，后来找到原因安装nvm时，nodejs的安装路径，不能在nvm文件夹内，和nvm同级文件夹就行，nvm会自动在安装nodejs时候选的位置上，直接放一个nodejs的快捷方式

==========================================================

1、再说npm install idm-ui项目，这次install都很顺利（我之前用淘宝镜像源，说缺少python2.7 powershell6.0这些东西，包括环境变量都删除），但是npm run dev时报错

D:\PROJECTS-QIANDUAN\ai_idm_ui_20250220>npm run dev

> foo@1.0.0 dev D:\PROJECTS-QIANDUAN\ai_idm_ui_20250220
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0

internal/modules/cjs/loader.js:905
  throw err;
  ^

Error: Cannot find module 'D:\PROJECTS-QIANDUAN\ai_idm_ui_20250220\build\webpack.dev.conf.js'
Require stack:
- D:\PROJECTS-QIANDUAN\ai_idm_ui_20250220\node_modules\webpack\bin\convert-argv.js
- D:\PROJECTS-QIANDUAN\ai_idm_ui_20250220\node_modules\webpack-dev-server\bin\webpack-dev-server.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 (internal/modules/cjs/helpers.js:92:18)
    at requireConfig (D:\PROJECTS-QIANDUAN\ai_idm_ui_20250220\node_modules\webpack\bin\convert-argv.js:97:18)
    at D:\PROJECTS-QIANDUAN\ai_idm_ui_20250220\node_modules\webpack\bin\convert-argv.js:104:17
    at Array.forEach (<anonymous>)
    at module.exports (D:\PROJECTS-QIANDUAN\ai_idm_ui_20250220\node_modules\webpack\bin\convert-argv.js:102:15)
    at Object.<anonymous> (D:\PROJECTS-QIANDUAN\ai_idm_ui_20250220\node_modules\webpack-dev-server\bin\webpack-dev-server.js:223:50)
    at Module._compile (internal/modules/cjs/loader.js:1085:14) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    'D:\\PROJECTS-QIANDUAN\\ai_idm_ui_20250220\\node_modules\\webpack\\bin\\convert-argv.js',
    'D:\\PROJECTS-QIANDUAN\\ai_idm_ui_20250220\\node_modules\\webpack-dev-server\\bin\\webpack-dev-server.js'
  ]
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! foo@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the foo@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\haoxm\AppData\Roaming\npm-cache\_logs\2025-02-21T15_32_25_461Z-debug.log

2、我猜测是没有用任何镜像源，npm下载东西太多，webpack某个文件下载超时或者失败了

3、我切换到淘宝镜像源，npm install时又提示缺少python组件，那为啥用原始镜像就不需要呢

4、换到腾讯云镜像源，npm install报错，在服务器上找不到什么文件

5、换到华为云，和淘宝镜像提示同一个错误

6、换到清华大学镜像站，直接就报错，找不到eccharts组件

7、切换到阿里云，报找不到axios组件错误

8、还得用回原始源，还是说找不到build/webpack.dev.conf.js这个错误，上网搜了搜，说啥的都有。【问题明显就是缺少build文件夹】后来我就安装了新的webpack，然后webpack-dev-serve的版本又与webpack不一致。

9、我就复盘了一下，发现package.json都被nodejs改掉了，所以还得用回最原来的package-lock.json。

10、复制原始的package.json和package-lock.json之后再npm install.也报缺少python2.7的问题了

11、解决缺少python的问题

12、安装完python2，配置环境变量之后，又出现了缺少/build/webpack.js那个问题，要崩溃了。我就又按照vue.json里下载个对应版本的webpack和webpackserve，还是有问题

=======================================================