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

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.jsMicrosoft 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.0internal/modules/cjs/loader.js:905throw 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.jsat 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:17at 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，还是有问题

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

第二天重新从git上clone一遍项目，我发现原项目里就有build文件夹，我直接删除所有npm缓存，直接install，【然后run就启动成功了】，哭！！！！！！！！！！！！！！！！！！！！！！！

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

我梳理了一下自己的问题，

1、一开始npm install不成功，是因为用了淘宝的镜像源，用淘宝镜像源npm install上来就报错说没有python2

2、python2装完之后又说没有visual-client-service脚手架神马的

3、安装完这些又报powershell语法错误，一路跑偏了

4、而且因为之前一顿乱装，导致那两个缓存目录生成一堆东西，后来就算重新安装node，都不好使。包括到不限于什么.npmr .gyd .npm 乱七八糟的

5、需要把上面2个文件夹里乱七八糟的东西全部清空，然后用npm原本的源来安装，就ok了

6、用npm原本的源，什么额外的东西都不需要安装，python powershell visual-client-serve这些

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

1、我又去查询了一下build文件夹是什么时候生成的，我的build文件夹长这样子：

2、经查询，这个build文件夹和上网查和大模型说的npm run build生成的文件夹根本不是一个，这个是程序的初始配置，是程序本身的一部分，不是run build之后生成的html静态文件

3、这个build指定了整个npm打包构建的流程，是程序里最重要的一部分

4、在用4个大模型检查之前问题的时候，大模型让把build缓存删除，我以为这个build是个缓存文件夹，所以就给删掉了，所以种种巧合造成弄了1个星期（虽然每天就整一会儿）还没构建起来

6、要怪就只能怪时间太短，1天刷html和css，一天刷vue，然后就直接上手干了。这就是对nodejs项目不熟悉而造成的问题

7、我今早还在想，如果今天还构建不成功，我就去B站刷一遍nodejs教程，从头捋。