1.vue專案之前後端分離(vue前端專案啟動報錯出現問題的解決)
1.首先安裝node.js環境,安裝完成之後,可在控制面板中,進行驗證,如下圖所示:
因為我自己已經裝了,所以就不需要去擔心這個問題了:
"D:\IDEA_JAVA\IntelliJ IDEA 2018.2.4\bin\runnerw.exe" D:\node\node.exe D:\node\node_modules\npm\bin\npm-cli.js run dev --scripts-prepend-node-path=auto
> [email protected] dev C:\Users\wu\Desktop\work\11\vue\CBoard-v
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
'webpack-dev-server' �����ڲ����ⲿ���Ҳ���ǿ����еij���
���������ļ���
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected]
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm WARN Local package.json exists, but node_modules missing, did you mean to install?
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\wu\AppData\Roaming\npm-cache\_logs\2018-11-12T06_20_10_706Z-debug.log
在啟動專案的過程中遇到了這個問題:如圖:
2.找到node.js的安裝exe程式,如下圖所示:
進入該專案的命令列:
如圖所示:
安裝vue對應的相關依賴,如下圖所示:
安裝命令如下:npm install
但是顯示了錯誤,推測可以得知,依賴包顯示了一部分,將其進行刪除:
執行命令cnpm cache clean
如圖所示:進行依賴的全部刪除操作:
儘管還是會報錯,不用管,一直到內部程式結束為止:
接下來安裝cnpm install的相關依賴包:
過程如下所示:
結果就是顯示成功,點選如下的藍色,url即可跳轉到對應的專案介面:
最終跳到的介面如下所示;
顯示的過程如下:
具體內部過程就是先刪除快取垃圾(先把沒下全的依賴刪除),執行命令是cnpm cache clean,>執行依賴安裝命令cnpm install>
最後再次執行vue的執行檔案入口 npm run dev.
也可以手動執行如下圖檔案:
找到該專案的二級目錄,然後,找到json檔案,之後,點選dev即可。
過程如下:
安裝成功之後,顯示如下: