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.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,还是有问题

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

第二天重新从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教程,从头捋。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/976201.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

20250223下载并制作RTX2080Ti显卡的显存的测试工具mats

20250223下载并制作RTX2080Ti显卡的显存的测试工具mats 2025/2/23 23:23 缘起&#xff1a;我使用X99的主板&#xff0c;使用二手的RTX2080Ti显卡【显存22GB版本&#xff0c;准备学习AI的】 但是半年后发现看大码率的视频容易花屏&#xff0c;最初以为是WIN10经常更换显卡/来回更…

计算机毕业设计Hadoop+Spark+DeepSeek-R1大模型民宿推荐系统 hive民宿可视化 民宿爬虫 大数据毕业设计(源码+文档+PPT+讲解)

温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 作者简介&#xff1a;Java领…

centos 7 安装python3 及pycharm远程连接方法

安装openssl 使用pip3安装 virtualenv的时候会提示WARNING: pip is configured with locations that require TLS/SSL, however the ssl module in Python is not available. 这是因为缺少openssl 2.0以上版本 解决办法&#xff1a; 一、先确认版本 openssl version 二、安…

DeepSeek 助力 Vue 开发:打造丝滑的文本输入框(Text Input)

前言&#xff1a;哈喽&#xff0c;大家好&#xff0c;今天给大家分享一篇文章&#xff01;并提供具体代码帮助大家深入理解&#xff0c;彻底掌握&#xff01;创作不易&#xff0c;如果能帮助到大家或者给大家一些灵感和启发&#xff0c;欢迎收藏关注哦 &#x1f495; 目录 Deep…

Bybit最大资金盗窃事件技术分析 by CertiK

事件概述 2025年2月21日UTC时间下午02:16:11,Bybit的以太坊冷钱包(0x1db92e2eebc8e0c075a02bea49a2935bcd2dfcf4[1])因恶意合约升级遭到资金盗取。根据Bybit CEO Ben Zhou的声明[2],攻击者通过钓鱼攻击诱骗冷钱包签名者错误签署恶意交易。他提到,该交易被伪装为合法操作:…

欧拉筛法寻找素数与计算欧拉函数求和

欧拉筛法寻找素数与计算欧拉函数求和 一、欧拉函数1.1定义1.2性质1.3唯一分解定理&#xff08;算术基本定理&#xff09; 二、Eratosthenes筛法寻找素数三、欧拉筛法寻找素数3.1算法代码3.2算法分析3.2.1时间复杂度分析&#xff08;对合数进行不重复筛选&#xff09;3.2.2算法正…

VScode 开发

目录 安装 VS Code 创建一个 Python 代码文件 安装 VS Code VSCode&#xff08;全称&#xff1a;Visual Studio Code&#xff09;是一款由微软开发且跨平台的免费源代码编辑器&#xff0c;VSCode 开发环境非常简单易用。 VSCode 安装也很简单&#xff0c;打开官网 Visual S…

政安晨【零基础玩转各类开源AI项目】DeepSeek 多模态大模型Janus-Pro-7B,本地部署!支持图像识别和图像生成

政安晨的个人主页&#xff1a;政安晨 欢迎 &#x1f44d;点赞✍评论⭐收藏 希望政安晨的博客能够对您有所裨益&#xff0c;如有不足之处&#xff0c;欢迎在评论区提出指正&#xff01; 目录 下载项目 创建虚拟环境 安装项目依赖 安装 Gradio&#xff08;UI&#xff09; 运…

开发 picgo-plugin-huawei 插件,解决华为云社区外链限制问题

开发 picgo-plugin-huawei 插件&#xff0c;解决华为云社区外链限制问题 在技术博客平台中&#xff0c;外链的使用常常受到限制&#xff0c;这给我们的写作和内容展示带来了一定的不便。为了应对这一问题&#xff0c;我开发了 picgo-plugin-huawei 插件&#xff0c;它能够有效…

QT 基础知识点

1.基础窗口类QMainWindow qDialog Qwidget 随项目一起创建的窗口基类有三个可选QMainWindow qDialog Qwidget 1.1 Qwidget 是所有窗口的基类&#xff0c;只要是他的子类&#xff0c;或子类的子类&#xff0c;都具有他的属性。 右键项目 Add New -> Qt qt设计师界面类&am…

【OMCI实践】ONT上线过程的omci消息(五)

引言 在前四篇文章中&#xff0c;主要介绍了ONT上线过程的OMCI交互的第一、二、三个阶段omci消息&#xff0c;本篇介绍第四个阶段&#xff0c;OLT下发配置到ONT。前三个阶段&#xff0c;每个厂商OLT和ONT都遵循相同标准&#xff0c;OMCI的交换过程大同小异。但第四个阶段&…

WebXR教学 02 配置开发环境

默认操作系统为Windows 1.VS Code VS Code 是一款轻量级、功能强大的代码编辑器&#xff0c;适用于多种编程语言。 下载 步骤 1&#xff1a;访问 VS Code 官方网站 打开浏览器&#xff08;如 Chrome、Edge 等&#xff09;。 在地址栏输入以下网址&#xff1a; https://code.v…

云计算及其他计算

云计算知识思维导图&#xff1a;https://kdocs.cn/l/cpl2Kizx7IyC 云计算的核心判断标准通常基于美国国家标准与技术研究院&#xff08;NIST&#xff09;的定义&#xff0c;并结合实际应用场景。以下是判断一个服务是否为云计算的关键标准&#xff0c;以及对应的服务类型&#…

记录首次安装远古时代所需的运行环境成功npm install --save-dev node-sass

最开始的报错&#xff1a; 最后根据报错一步步 安装所需要的pythong之类的环境&#xff0c;最后终于成功了&#xff0c;得以让我在github上拉的vuehr项目&#xff08;狗头18年还是20年的远古项目&#xff09;成功本地运行&#xff0c;最后附上本地运行成功的贴图。如果大家也在…

WordPress Elementor提示错误无法保存500的解决指南

500内部服务器错误是一种常见的服务器错误&#xff0c;通常由网站的服务器环境引起。这种错误可能导致网站无法正常访问&#xff0c;影响用户体验。本文将探讨500错误的常见原因&#xff0c;并提供解决方案&#xff0c;特别针对使用Elementor构建的WordPress网站。 500错误的常…

DeepSeek写俄罗斯方块手机小游戏

DeepSeek写俄罗斯方块手机小游戏 提问 根据提的要求&#xff0c;让DeepSeek整理的需求&#xff0c;进行提问&#xff0c;内容如下&#xff1a; 请生成一个包含以下功能的可运行移动端俄罗斯方块H5文件&#xff1a; 核心功能要求 原生JavaScript实现&#xff0c;适配手机屏幕 …

题解:洛谷 P11785 「FAOI-R4」手写的从前

题目https://www.luogu.com.cn/problem/P11785赛时写出来的&#xff0c;可惜报名晚了一些&#xff08;大概 1h&#xff09;&#xff0c;卡在第 363 名。 首先&#xff0c;我们对 进行二进制拆分&#xff0c;拆成若干个二的幂相加的形式。 随后&#xff0c;如果这个序列的长度…

【无人集群系列---无人机集群编队算法】

【无人集群系列---无人机集群编队算法】 一、核心目标二、主流编队控制方法1. 领航-跟随法&#xff08;Leader-Follower&#xff09;2. 虚拟结构法&#xff08;Virtual Structure&#xff09;3. 行为法&#xff08;Behavior-Based&#xff09;4. 人工势场法&#xff08;Artific…

Linux项目自动化构建工具-make/Makefile (linux第六课)

目录 背景 介绍 依赖关系的格式 依赖方法的格式 原理 背景 会不会写makefile&#xff0c;从一个侧面说明了一个人是否具备完成大型工程的能力一个工程中的源文件不计数&#xff0c;其按类型、功能、模块分别放在若干个目录中&#xff0c;makefile定义了一系列的规则来指定…

【基于SprintBoot+Mybatis+Mysql】电脑商城项目之加入购物车和显示购物车列表

&#x1f9f8;安清h&#xff1a;个人主页 &#x1f3a5;个人专栏&#xff1a;【Spring篇】【计算机网络】【Mybatis篇】 &#x1f6a6;作者简介&#xff1a;一个有趣爱睡觉的intp&#xff0c;期待和更多人分享自己所学知识的真诚大学生。 目录 &#x1f680;1.加入购物车-数…