解決新建一個(gè)vue項(xiàng)目過程中遇到的問題
更新時(shí)間：2020年10月22日 10:09:00 作者：晨小點(diǎn)的小瘋子
這篇文章主要介紹了解決新建一個(gè)vue項(xiàng)目過程中遇到的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
我就廢話不多說了，大家還是直接看代碼吧~
/usr/local/bin/node /usr/local/lib/node_modules/npm/bin/npm-cli.js run dev --scripts-prepend-node-path=auto > mytodolists@1.0.0 dev /Users/chenqiurui/WebstormProjects/myVue > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 0% compiling 10% building modules 1/1 modules 0 active 10% building modules 1/2 modules 1 active …r/client/index.js?http://localhost:8080 10% building modules 2/2 modules 0 active 10% building modules 2/3 modules 1 active …/node_modules/webpack/hot/dev-server.js 10% building modules 2/5 modules 3 active …es/webpack-dev-server/client/overlay.js 10% building modules 3/6 modules 3 active …modules/webpack/node_modules/url/url.js 10% building modules 5/6 modules 1 active …modules/webpack/node_modules/url/url.js 10% building modules 5/7 modules 2 active …bpack/hot sync nonrecursive /^\.\/log$/ 10% building modules 6/10 modules 4 active …rui/node_modules/webpack/hot/emitter.js 10% building modules 7/11 modules 4 active …lib/node_modules/webpack/hot/emitter.js 11% building modules 10/12 modules 2 active …odules/webpack/node_modules/url/util.js 11% building modules 10/13 modules 3 active …cal/lib/node_modules/webpack/hot/log.js 11% building modules 11/13 modules 2 active …cal/lib/node_modules/webpack/hot/log.js 11% building modules 11/14 modules 3 active …owser/node_modules/punycode/punycode.js 11% building modules 13/18 modules 5 active …r/node_modules/loglevel/lib/loglevel.js 11% building modules 14/19 modules 5 active …/node_modules/webpack/buildin/module.js 12% building modules 17/20 modules 3 active …r/node_modules/loglevel/lib/loglevel.js 12% building modules 17/21 modules 4 active …s/webpack/node_modules/events/events.js 12% building modules 18/21 modules 3 active …s/webpack/node_modules/events/events.js 12% building modules 19/21 modules 2 active …s/webpack/node_modules/events/events.js 12% building modules 20/21 modules 1 active …s/webpack/node_modules/events/events.js 12% building modules 20/22 modules 2 active …-server/node_modules/ansi-html/index.js 12% building modules 21/22 modules 1 active …-server/node_modules/ansi-html/index.js 12% building modules 21/23 modules 2 active …ver/node_modules/html-entities/index.js 12% building modules 21/25 modules 4 active …/node_modules/querystring-es3/encode.js 12% building modules 24/25 modules 1 active …/node_modules/querystring-es3/encode.js 13% building modules 25/25 modules 0 active 13% building modules 25/28 modules 3 active …les/html-entities/lib/html5-entities.js 13% building modules 25/29 modules 4 active …server/node_modules/ansi-regex/index.js 13% building modules 26/29 modules 3 active …les/html-entities/lib/html5-entities.js 13% building modules 28/29 modules 1 active …les/html-entities/lib/html5-entities.js 72% after dependencies optimization 75% after module optimization 76% advanced chunk optimization SplitChunksPlugin 80% module reviving 80% module reviving RecordIdsPlugin 82% before module ids NamedModulesPlugin 84% chunk reviving RecordIdsPlugin 88% hashing 90% chunk assets processing 92% chunk asset optimization UglifyJSPlugin 94% after seal ERROR Failed to compile with 1 errors17:30:24
This relative module was not found:
* ./src/main.js in multi /usr/local/lib/node_modules/webpack-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js
錯(cuò)誤提示缺少文件，查看項(xiàng)目preference，如下圖，node解釋器的路徑是/usr/local/bin/node，發(fā)現(xiàn)這里面沒有錯(cuò)誤中的client文件夾，從全局安裝的node中找到這個(gè)文件，拷貝過去即可正常啟動(dòng)。
補(bǔ)充知識(shí)：解決vue熱加載 advanced module optimization 編譯速度很慢的問題
看代碼吧~
npm install babel-plugin-dynamic-import-node --save-dev
.babelrc中添加
{
"plugins": ["dynamic-import-node"]
}
以上這篇解決新建一個(gè)vue項(xiàng)目過程中遇到的問題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue兩個(gè)同級(jí)組件傳值實(shí)現(xiàn)
Vue組件之間是有聯(lián)系的，避免不了組件之間要互相傳值，那么如何實(shí)現(xiàn)Vue兩個(gè)同級(jí)組件傳值，本文就來介紹一下，感興趣的可以了解一下2021-07-07
vue2.x+webpack快速搭建前端項(xiàng)目框架詳解
本文給大家介紹了vue2.x、webpack、vuex、sass+axios、elementUI等快速搭建前端項(xiàng)目框架的詳細(xì)操作方法，需要的跟著學(xué)習(xí)下吧。2017-11-11
Vue實(shí)現(xiàn)數(shù)據(jù)篩選與搜索功能的示例代碼
在許多Web應(yīng)用程序中,數(shù)據(jù)篩選和搜索是關(guān)鍵的用戶體驗(yàn)功能,本文將深入探討在Vue中如何進(jìn)行數(shù)據(jù)篩選與搜索的實(shí)現(xiàn),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-10-10
Vue.js結(jié)合bootstrap前端實(shí)現(xiàn)分頁(yè)和排序效果
這篇文章主要為大家詳細(xì)介紹了Vue.js結(jié)合bootstrap 前端實(shí)現(xiàn)分頁(yè)和排序效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
詳解基于element的區(qū)間選擇組件校驗(yàn)(交易金額)
這篇文章主要介紹了詳解基于element的區(qū)間選擇組件校驗(yàn)(交易金額)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
這篇文章主要為大家詳細(xì)介紹了Vue的diff算法原理，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-03-03
vue實(shí)現(xiàn)web滾動(dòng)條分頁(yè)
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)web滾動(dòng)條分頁(yè)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了vue如何把組件方法暴露到window對(duì)象中，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
Avue和Element-UI動(dòng)態(tài)三級(jí)表頭的實(shí)現(xiàn)
本文主要介紹了Avue和Element-UI動(dòng)態(tài)三級(jí)表頭的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07
這篇文章主要介紹了解決修改el-pagination顯示文字的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-07-07