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.mzph.cn/web/70631.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

gotool在线工具集

1. 包含各种 sql 处理 2. 包含 json 处理 3. 包含 图片处理 4. 跨平台传输 gotool

猿大师播放器:智慧交通Web网页低延迟播放监控RTSP H.265视频解决方案

在智慧城市建设加速推进的今天&#xff0c;智慧交通作为城市"神经系统"正面临前所未有的发展机遇。据统计&#xff0c;2023年全国交通视频监控设备保有量已突破4500万台&#xff0c;日均产生的视频数据量超50PB。但在这些庞大数字背后&#xff0c;行业却普遍面临着&q…

Web自动化之Selenium控制已经打开的浏览器(Chrome,Edge)

在使用selenium进行web自动化或爬虫的时候,经常会面临登录的情况,对于这种情况,我们可以利用Selenium控制已经打开的浏览器&#xff0c;从而避免每次都需要重新打开浏览器并进行登录的繁琐步骤。 目录 说明 启动浏览器 注意 --user-data-dir说明 代码设定 代码 改进代…

【Alertmanager】Alertmanager告警路由,告警静默,告警抑制,高可用的实现

✨✨ 欢迎大家来到景天科技苑✨✨ 🎈🎈 养成好习惯,先赞后看哦~🎈🎈 🏆 作者简介:景天科技苑 🏆《头衔》:大厂架构师,华为云开发者社区专家博主,阿里云开发者社区专家博主,CSDN全栈领域优质创作者,掘金优秀博主,51CTO博客专家等。 🏆《博客》:Python全…

Vue3 + Vite + TS,使用 配置项目别名属性:resolve

使用 resolve 配置全局项目路径别名 1.优化了开发中单页面引用其他模块的路径复杂性 2.妥妥解决了&#xff0c;组件复用当中提高开发效率 // 不使用配置 import { useStore } from ../../../stores // 使用配置 可根据开发者需求任意定义&#xff0c;较多 import { useStore…

Linux主机用户登陆安全配置

Linux主机用户登陆安全配置 在Linux主机上进行用户登录安全配置是一个重要的安全措施&#xff0c;可以防止未经授权的访问。以下是如何创建用户hbu、赋予其sudo权限&#xff0c;以及禁止root用户SSH登录&#xff0c;以及通过ssh key管理主机用户登陆。 创建用户hbu 使用具有…

基于 SpringBoot Vue 的生鲜商城系统设计和实现(源码+文档+部署讲解)

技术范围&#xff1a;SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。 主要内容&#xff1a;免费功能设计、开题报告、任务书、中期检查PPT、系统功能实现、代码编写、论文编写和辅导、论…

设计模式-结构性模式

结构型模式主要关注类或对象的组合&#xff0c;旨在通过识别简单的结构关系来设计更复杂的结构。以下是几种常见的结构型设计模式&#xff1a; 1. 适配器模式&#xff08;Adapter Pattern&#xff09; 将一个类的接口转换成客户端所期望的另一个接口&#xff0c;使得原本由于接…

VantUI官网更新2025,移动端前端开发

Vant 2 - Mobile UI Components built on Vue https://vant-ui.github.io/vant/v2/#/zh-CN/quickstart Vant 4 - A lightweight, customizable Vue UI library for mobile web apps. https://vant-ui.github.io/vant/#/zh-CN Vant Weapp - 轻量、可靠的小程序 UI 组件库,微…

《我的AUTOSAR之路》Det 解析

Det 解析 1. 引言和功能概述2. Errors2.1 开发错误(Development Errors)2.2 运行时错误(Runtime Errors)2.3 临时故障(Transient Faults)3 错误查询默认错误追踪器(Default Error Tracer,DET) 1. 引言和功能概述 默认错误追踪器(DET):该规范描述了默认错误追踪器(…

电脑连接示波器显示波形

通过网线连接示波器和电脑&#xff0c;将示波器波形显示在电脑上直接复制图片至报告中&#xff0c;以下是配置步骤。 一、设备 网线&#xff0c;Tektronix示波器&#xff0c;电脑 二、使用步骤 1.用网线连接电脑和示波器 2.电脑关掉WiFi&#xff0c;查看IPv4网关地址&#xf…

npm i 失败权限问题

安装完node之后, 测试全局安装一个最常用的 express 模块进行测试 失败&#xff0c;但是用管理员权限打开cmd 安装就成功。 报错如下&#xff1a; npm ERR! If you believe this might be a permissions issue, please double-check the npm ERR! permissions of the file and …

上海创智学院(测试)算法笔试(ACM赛制)部分例题

1.第一个题&#xff0c;大概题目意思是求n句话中最长的单词和最短的单词 这个题目做的有点磕巴&#xff0c;好几年没有写过c/c了&#xff0c;连string的复制都不会写了&#xff0c;哈哈哈&#xff0c;太笨了 后面一点点捡起来&#xff0c;还是写出来了&#xff0c;本身没啥&…

编写一个程序,输出 “Hello, World!“(Python版)

编写一个程序&#xff0c;输出 "Hello, World!" 在 Python 中&#xff0c;输出 “Hello, World!” 的程序非常简单。你只需要使用 print 函数即可。以下是代码示例&#xff1a; print("Hello, World!")将这段代码保存为一个 .py 文件&#xff08;例如 hel…

python实战项目58:采集蜻蜓FM热门音频top排行榜

python实战项目58:采集蜻蜓FM热门音频top排行榜 一、采集流程介绍二、数据接口采集三、使用xpath提取页面数据1、抓包,找到数据接口2、发送请求,获取数据3、提取数据4、保存数据一、采集流程介绍 蜻蜓FM热门音频top排行榜的链接为: https://m.qingting.fm/rank/,首页如下图…

【Matlab仿真】Matlab Function中如何使用静态变量?

背景 根据Simulink的运行机制&#xff0c;每个采样点会调用一次MATLAB Function的函数&#xff0c;两次调用之间&#xff0c;同一个变量的前次计算的终值如何传递到当前计算周期来&#xff1f;其实可以使用persistent变量实现函数退出和进入时内部变量值的保持。 persistent变…

LaneATT环境配置步骤

本文介绍Ubuntu下配置车道线检测算法LaneATT代码运行环境&#xff0c;步骤如下。 1. 从LaneATT官方代码仓库下载源码。也可git直接拉取。 2. 安装Anaconda或miniconda 。 参考&#xff1a;https://docs.anaconda.com/miniconda/ 3. 创建conda虚拟环境LaneATT&#xff08;环…

【AIGC】使用Python实现科大讯飞语音服务ASR转录功能:完整指南

文章目录 讯飞ASR转写API完整指南1. 引言2. 讯飞ASR API介绍3. API参数说明3.1 认证参数3.2 上传参数3.3 查询结果参数3.4 orderResult 字段3.5 Lattice 字段3.6 json_1best 字段3.7 st 字段 4. Python代码实现4.1 生成签名4.2 上传音频文件4.3 获取转写结果4.4 解析转写结果 5…

大学本科教务系统设计方案,涵盖需求分析、架构设计、核心模块和技术实现要点

以下是大学本科教务系统的设计方案,涵盖需求分析、架构设计、核心模块和技术实现要点: 大学本科教务系统设计方案 一、需求分析 1. 核心用户角色 角色功能需求学生选课/退课、成绩查询、课表查看、学分统计、考试报名、学业预警教师成绩录入、课程大纲上传、教学进度管理、…

30道Qt面试题(答案公布)

前五个答案 ✦ 1. Qt中常用的五大模块是哪些? Qt中常用的五大模块包括: • Qt Core:提供核心非GUI功能,如数据结构、文件操作、国际化等。 • Qt GUI:提供与平台无关的图形和基本窗口功能。 • Qt Widgets:提供用于创建传统桌面应用程序的UI组件。 • Qt Netw…