解决新建一个vue项目过程中遇到的问题


Posted in Javascript onOctober 22, 2020

我就废话不多说了,大家还是直接看代码吧~

/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

错误提示缺少文件,查看项目preference,如下图,node解释器的路径是/usr/local/bin/node,发现这里面没有错误中的client文件夹,从全局安装的node中找到这个文件,拷贝过去即可正常启动。

解决新建一个vue项目过程中遇到的问题

补充知识:解决vue热加载 advanced module optimization 编译速度很慢的问题

看代码吧~

npm install babel-plugin-dynamic-import-node --save-dev
.babelrc中添加
{
 "plugins": ["dynamic-import-node"]
}

以上这篇解决新建一个vue项目过程中遇到的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
isArray()函数(JavaScript中对象类型判断的几种方法)
Nov 26 Javascript
extJs 常用到的增,删,改,查操作代码
Dec 28 Javascript
js中的值类型和引用类型小结 文字说明与实例
Dec 12 Javascript
JavaScript实现班级随机点名小应用需求的具体分析
May 12 Javascript
关于javaScript注册click事件传递参数的不成功问题
Jul 18 Javascript
JavaScript实现按Ctrl键打开新页面
Sep 04 Javascript
jQuery实现平滑滚动到指定锚点的方法
Mar 20 Javascript
JS+CSS实现的经典tab选项卡效果代码
Sep 16 Javascript
AngularJS 路由详解和简单实例
Jul 28 Javascript
在Vue组件化中利用axios处理ajax请求的使用方法
Aug 25 Javascript
ES10 特性的完整指南小结
Mar 04 Javascript
element-ui table行点击获取行索引(index)并利用索引更换行顺序
Feb 27 Javascript
解决vue安装less报错Failed to compile with 1 errors的问题
Oct 22 #Javascript
vue实现下拉菜单树
Oct 22 #Javascript
Javascript柯里化实现原理及作用解析
Oct 22 #Javascript
Node.js fs模块原理及常见用途
Oct 22 #Javascript
使用vue构建多页面应用的示例
Oct 22 #Javascript
vue 单页应用和多页应用的优劣
Oct 22 #Javascript
Javascript Symbol原理及使用方法解析
Oct 22 #Javascript
You might like
解析PHP实现下载文件的两种方法
2013/07/05 PHP
php计算两个文件相对路径的方法
2015/03/14 PHP
PHP时间戳格式全部汇总 (获取时间、时间戳)
2016/06/13 PHP
解决PhpStorm64不能启动的问题
2020/06/20 PHP
关于juqery radio写法的兼容性问题(新老版本jquery)
2010/06/14 Javascript
手把手教你自己写一个js表单验证框架的方法
2010/09/14 Javascript
Jquery获取复选框被选中值的简单方法
2013/07/04 Javascript
javascript实现禁止右键和F12查看源代码
2014/12/26 Javascript
推荐4个原生javascript常用的函数
2015/01/12 Javascript
js实现鼠标感应向下滑动隐藏菜单的方法
2015/02/20 Javascript
AngularJS模块管理问题的非常规处理方法
2015/04/29 Javascript
微信小程序 wxapp地图 map详解
2016/10/31 Javascript
JavaScript实现同一个页面打开多张图片
2016/12/29 Javascript
vue 开发一个按钮组件的示例代码
2018/03/27 Javascript
如何为vue的项目添加单元测试
2018/12/19 Javascript
8 个有用的JS技巧(推荐)
2019/07/03 Javascript
es6数组includes()用法实例分析
2020/04/18 Javascript
整理Python 常用string函数(收藏)
2016/05/30 Python
Python中遇到的小问题及解决方法汇总
2017/01/11 Python
对pandas中apply函数的用法详解
2018/04/10 Python
python 实现对文件夹内的文件排序编号
2018/04/12 Python
pyqt 多窗口之间的相互调用方法
2019/06/19 Python
基于Python检测动态物体颜色过程解析
2019/12/04 Python
Tensorflow中的降维函数tf.reduce_*使用总结
2020/04/20 Python
图解Python中深浅copy(通俗易懂)
2020/09/03 Python
python生成word合同的实例方法
2021/01/12 Python
CSS3实现的炫酷菜单代码分享
2015/03/12 HTML / CSS
全球性的在线时尚男装零售商:boohooMAN
2016/12/17 全球购物
体育教育专业毕业生自荐信
2013/11/15 职场文书
大专会计自我鉴定
2014/02/06 职场文书
党员对照检查材料思想汇报(党的群众路线)
2014/09/24 职场文书
考试作弊万能检讨书
2014/10/19 职场文书
基层党组织整改方案
2014/10/25 职场文书
2014年财务人员工作总结
2014/11/11 职场文书
2015年小学数学教师个人工作总结
2015/05/25 职场文书
Anaconda安装pytorch和paddle的方法步骤
2022/04/03 Python