当前位置: 首页 > news >正文

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教程,从头捋。


http://www.mrgr.cn/news/91878.html

相关文章:

  • 【AI学习】AI大模型新时代,怎样更好地熟练地使用指令工具?
  • python的if判断和循环语句(while循环和for循环)
  • 【练习】【回溯:组合:不同集合】力扣 17. 电话号码的字母组合
  • 【Java学习】多态
  • GCC编译器(含预处理/编译/汇编/链接四阶段详解)
  • 算法题(74):Pow(x,n)
  • 一文说清楚编码、摘要、加密、公钥、私钥、解密、签名、验签
  • 对免认证服务提供apikey验证
  • 大数据学习之任务流调度系统Azkaban、Superset可视化系统
  • Powershell Install deepseek
  • 【Kubernets】Kubernets资源类型Deployment详细介绍
  • DeepSeek vs ChatGPT:AI 领域的华山论剑,谁主沉浮?
  • 人工智能驱动的自动驾驶:技术解析与发展趋势
  • 【笔记ing】C语言补充、组成原理数据表示与汇编实战、操作系统文件实战(高级阶段)
  • 【精调】LLaMA-Factory 快速开始4 自定义个一个sharegpt数据集并训练
  • DeepSeek掘金——调用DeepSeek API接口 实现智能数据挖掘与分析
  • 机器学习实战(12):项目实战—端到端的机器学习项目Kaggle糖尿病预测
  • 《Keras 2 :使用 RetinaNet 进行对象检测》:此文为AI自动翻译
  • Helix——Figure 02发布通用人形机器人控制的VLA:一组神经网络权重下的快与慢双系统,让两个机器人协作干活
  • qt5实现表盘的旋转效果,通过提升QLabel类