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教程,從頭捋。