1.配置idea的npm

2.點(diǎn)擊運(yùn)行按鈕?

3.結(jié)果

分析原因及問題：

npm i
npm run dev
由于是剛剛從gitlab新拉的前端代碼，可能沒有用命令install過類似于沒有編譯過，所以執(zhí)行一下上面的命令

結(jié)果報(bào)錯(cuò)如下：

F:\tbyf\qjyy\hip-manager-ui>npm i
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: his@9.0.1
npm ERR! Found: webpack@5.93.0
npm ERR! node_modules/webpack
npm ERR!   peer webpack@"^4.0.0 || ^5.0.0" from compression-webpack-plugin@5.0.2
npm ERR!   node_modules/compression-webpack-plugin
npm ERR!     dev compression-webpack-plugin@"5.0.2" from the root project
npm ERR!   peer webpack@"^5.0.0" from filemanager-webpack-plugin@8.0.0
npm ERR!   node_modules/filemanager-webpack-plugin
npm ERR!     filemanager-webpack-plugin@"^8.0.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! less-loader@"^5.0.0" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: webpack@4.47.0
npm ERR! node_modules/webpack
npm ERR!   peer webpack@"^2.0.0 || ^3.0.0 || ^4.0.0" from less-loader@5.0.0
npm ERR!   node_modules/less-loader
npm ERR!     less-loader@"^5.0.0" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See D:\program\nvm\node_cache\eresolve-report.txt for a full report.npm ERR! A complete log of this run can be found in:
npm ERR!     D:\program\nvm\node_cache\_logs\2024-08-09T08_10_12_997Z-debug-0.log

根據(jù)提示：使用命令npm i --legacy-peer-deps

?最終就npm i成功了

讓我們點(diǎn)擊自己配置的dev啟動(dòng)一下

?最后問題解決了，啟動(dòng)成功

總結(jié)：遇到問題不用慌，先看報(bào)錯(cuò)分析分析問題是什么，分析不出來可以像上面一樣看看?報(bào)錯(cuò)日志有沒有提示操作的信息。

?