1. 程式人生 > >1.vue專案之前後端分離(vue前端專案啟動報錯出現問題的解決)

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]

dev script.
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即可。

過程如下:

安裝成功之後,顯示如下: