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

server/2025/2/26 7:35:12/

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.ppmy.cn/server/170710.html

相关文章

学习笔记05——HashMap实现原理及源码解析(JDK8)

一、核心设计思想 数组链表红黑树&#xff1a;桶数组存储Node节点&#xff0c;哈希冲突时形成链表&#xff0c;链表长度≥8且桶数量≥64时转红黑树扰动函数&#xff1a;(h key.hashCode()) ^ (h >>> 16) 消除高位变化的影响懒加载&#xff1a;首次put时初始化数组负…

论文汇总-LLM+Cold Start

论文汇总-Cold Start Recommendation-World Knowledge from LLMs 1.LLM 作为推荐系统1.1提示策略1.1.1直接提示&#xff08;2篇&#xff09;LLMRank-ECIR 2024PromptRec-WWW2024 1.1.2多步骤提示&#xff08;3篇&#xff09;LLMMove-CAI 2024LLM4POI-SIGIR 2024TaxRec-COLING 2…

【前沿探索篇七】【DeepSeek自动驾驶:端到端决策网络】

第一章 自动驾驶的"感官革命":多模态神经交响乐团 1.1 传感器矩阵的量子纠缠 我们把8路摄像头+4D毫米波雷达+128线激光雷达的融合称为"传感器交响乐",其数据融合公式可以简化为: def sensor_fusion(cam, radar, lidar):# 像素级特征提取 (ResNet-152…

可扩展调度在时间敏感网络中的应用:一种高效的流冲突检测方法

论文标题 **中文标题&#xff1a;**可扩展调度在时间敏感网络中的应用&#xff1a;一种高效的流冲突检测方法 **英文标题&#xff1a;**Scalable Scheduling in Time-Sensitive Networking: An Efficient Stream Conflict Detection Method 作者信息 Lei Xu, Cailian Chen (…

高清下载油管视频到本地

下载工具并安装: yt-dlp官网地址&#xff1a; GitHub - yt-dlp/yt-dlp: A feature-rich command-line audio/video downloader ffmpeg官网地址&#xff1a; Download FFmpeg 注&#xff1a;记住为其添加环境变量 操作命令&#xff1a; 该指令表示以720p码率下载VIDEO_UR…

LLM+多智能体协作:基于CrewAI与DeepSeek的邮件自动化实践

文章目录 引言理解 Flows&#xff08;工作流&#xff09;与 Crews&#xff08;协作组&#xff09;一、环境准备与工具安装1.1 Python环境搭建1.2 创建并激活虚拟环境1.3 安装核心依赖库&#xff08;crewai、litellm&#xff09; 二、本地DeepSeek R1大模型部署2.1 Ollama框架安…

浪漫壁纸的元素构成及创作方向

一、浪漫壁纸的元素构成 色彩 柔和色调&#xff1a;像粉色、浅紫色、淡蓝色等柔和的色彩是浪漫壁纸的常见选择。例如&#xff0c;淡粉色的花瓣背景&#xff0c;能营造出温馨、甜美的浪漫氛围。粉色象征着爱与温柔&#xff0c;这种色调可以让人联想到初恋的美好和娇羞的情感。 …

Open WebUI本地部署教程

文章目录 1、系统环境配置2、源码下载2.1 github源码地址下载 3、环境启动3.1 后端环境3.2 前端环境 4、问题4.1 浏览器跨域问题4.2 all-MiniLM-L6-v2模型文件下载失败问题4.3 单独部署backend启动报错问题 1、系统环境配置 操作系统&#xff1a;windows/linux/macos Python版…