npm創(chuàng)建了Vue項目，運行起來控制臺直接報錯，但是界面是正常的，求大神指教
- 資格考試
- 2024-04-22 07:57:18
vue npm運行項目，這個怎么解決
1、刪除package-lock.json,重新npm install，node_modules中出現(xiàn)了stylus文件夾了，然而還是報錯。 2、在終端直接運行 sudo npm install stylus-loader stylus --save-dev 結果就編譯成功了、 補充： 1、這個package-lock.json 是npm 5 做的一個優(yōu)化，加快了npm 下載的速度。條件就是將依賴的詳細信息，包括版本，下載地址等，都寫在了里面。然后想要更新版本的話，就不能夠去通過修改package 里面的版本依賴來實現(xiàn)了，只能通過npm install packageName@version運行VUE項目，總是失敗，服務器可以啟動，頁面出現(xiàn)Cannot GET /
使用排除法吧，首先你這個項目是第一次創(chuàng)建的嗎？如果是，去創(chuàng)建項目的文件夾看看有沒有生成node_modules文件夾。如果沒有，去配置里面把緩存刪除再重新創(chuàng)建項目。如果是把已有項目重新開發(fā)的話，先npm install然后再npm run devnpm run dev 啟動vue.js項目，報錯，不知道是什么錯誤，請大神指點，謝謝；
首先你看一下你有沒有npm install，如果有的話，最下面有提示原因，各種不同的項目錯誤也不是完全一樣，去github下面找作者提issue問吧，個人見解vue腳手架 npm run dev 報錯啊。。在線等
一、簡介
Vue.js 是什么
Vue.js（讀音 /vju?/, 類似于 view） 是一套構建用戶界面的 漸進式框架。與其他重量級框架不同的是，Vue 采用自底向上增量開發(fā)的設計。Vue 的核心庫只關注視圖層，并且非常容易學習，非常容易與其它庫或已有項目整合。另一方面，Vue 完全有能力驅動采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫開發(fā)的復雜單頁應用。
Vue.js 的目標是通過盡可能簡單的 API 實現(xiàn)響應的數(shù)據(jù)綁定和組合的視圖組件。
Vue.js是一個MVVM模式的框架，如果讀者有angular經驗，一定能夠很快入門Vue的
vue.js的特點:
易用： 已經會了HTML,CSS,JavaScript？即刻閱讀指南即可開始構建應用！
靈活： 簡單小巧的核心，漸進式技術棧，足以應付任何規(guī)模的應用。
高效： 16kb min+gzip 的運行大小,超快虛擬 DOM ,最省心的優(yōu)化
二、環(huán)境搭建
vue推薦開發(fā)環(huán)境:
Node.js: javascript運行環(huán)境(runtime),不同系統(tǒng)直接運行各種編程語言
npm: Nodejs下的包管理器
webpack: 它主要的用途是通過 CommonJS 的語法把所有瀏覽器端需要發(fā)布的靜態(tài)資源做相應的準備，比如資源的合并和打包。
vue-cli: 用戶生成Vue工程模板
開始安裝:
1.nodejs由于我已經安裝好了,跳過
2.webpack
npm install webpack -g
3.安裝vue腳手架
npm install vue-cli -g
測試:
在硬盤上找一個文件夾放工程用的，在終端中進入該目錄
cd 目錄路徑
根據(jù)模板創(chuàng)建項目
vue init webpack-simple 工程名字<工程名字不能用中文>或者創(chuàng)建 vue1.0 的項目vue init webpack-simple#1.0 工程名字<工程名字不能用中文>
工程目錄如圖所示:
安裝項目依賴:
安裝 vue 路由模塊vue-router和網(wǎng)絡請求模塊vue-resource
進入該項目執(zhí)行
npm install vue-router vue-resource --save
啟動項目
npm run dev
運行就報錯
'NODE_ENV' 不是內部或外部命令，也不是可運行的程序或批處理文件。npm ERR! Windows_NT 6.1.7601npm ERR! argv "D:\\nodejs\\node.exe" "D:\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "start"npm ERR! node v4.0.0-rc.5npm ERR! npm v2.14.2npm ERR! code ELIFECYCLEnpm ERR! yy-ydh-web@1.0.7 start: `npm run clear&& NODE_ENV=development && webpack-dev-server --host 0.0.0.0 --devtool eval --progress --color --profile`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the yy-ydh-web@1.0.7 start script 'npm run clear&& NODE_ENV=development && webpack-dev-server --host0.0.0.0 --devtool eval --progress --color --profile'.npm ERR! This is most likely a problem with the yy-ydh-web package,npm ERR! not with npm itself.npm ERR! Tell the author that this fails on your system:npm ERR! npm run clear&& NODE_ENV=development && webpack-dev-server --host 0.0.0.0 --devtool eval --progress --color --profilenpm ERR! You can get their info via:npm ERR! npm owner ls yy-ydh-webnpm ERR! There is likely additional logging output above.npm ERR! Please include the following file with any support request:npm ERR! D:\workspace\node_modules\yy-ydh-web\npm-debug.log
這是windows不支持NODE_ENV=development的設置方式
解決方法:
●安裝across-env: npm install cross-env --save-dev
●在NODE_ENV=xxxxxxx前面添加cross-env就可以了。
運行還是報錯:
找不到webpack這個模塊
module.js:457 throw err; ^Error: Cannot find module 'webpack' at Function.Module._resolveFilename (module.js:455:15) at Function.Module._load (module.js:403:25) at Module.require (module.js:483:17) at require (internal/module.js:20:19) at Object.
安裝該模塊:
ccnpm install 模塊名 --save-dev(關于環(huán)境的，表現(xiàn)為npm run dev 啟動不了)cnpm install 模塊名 --save(關于項目的，比如main.js，表現(xiàn)為npm run dev 成功之后控制臺報錯)比如escape-string-regexp、strip-ansi、has-ansi、is-finite、emojis-list
安裝好后運行又報這個模塊的錯:
Error: Cannot find module 'bl' at Function.Module._resolveFilename (module.js:455:15) at Function.Module._load (module.js:403:25) at Module.require (module.js:483:17) at require (internal/module.js:20:19) at Object.
接著繼續(xù)安裝
在開發(fā)vue3.0項目時 cnpm run serve啟動項目報錯 求大神指點 怎么解決
我和你報npm提示了一樣的錯誤，我發(fā)現(xiàn)是我ip換了，把IP關了就好了。不知道你的報錯原因是什么，希望能幫到你喲
上一篇
我想報名考資料員怎么考？
下一篇
返回列表
