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.pswp.cn/web/70631.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/70631.shtml
英文地址,請注明出處:http://en.pswp.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…