解决新建一个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 相关文章推荐
分享十五个最佳jQuery 幻灯插件和教程
Mar 27 Javascript
JavaScript高级程序设计(第3版)学习笔记12 js正则表达式
Oct 11 Javascript
jquery 删除字符串最后一个字符的方法解析
Feb 11 Javascript
深入理解JavaScript系列(38):设计模式之职责链模式详解
Mar 04 Javascript
jQuery中get方法用法分析
Dec 07 Javascript
微信小程序 特效菜单抽屉效果实例代码
Jan 11 Javascript
angular实现表单验证及提交功能
Feb 01 Javascript
node.js中fs.stat与fs.fstat的区别详解
Jun 01 Javascript
AngularJS点击添加样式、点击变色设置的实例代码
Jul 27 Javascript
微信小程序websocket实现聊天功能
Mar 30 Javascript
vue中进入详情页记住滚动位置的方法(keep-alive)
Sep 21 Javascript
JavaScript高级程序设计之变量与作用域
Nov 17 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
PHP4在WinXP下IIS和Apache2服务器上的安装实例
2006/10/09 PHP
PHP CURL获取cookies模拟登录的方法
2013/11/04 PHP
php 检查电子邮件函数(自写)
2014/01/16 PHP
javascript 打开页面window.location和window.open的区别
2010/03/17 Javascript
判断iframe里的页面是否加载完成
2014/06/06 Javascript
javascript的document.referrer浏览器支持、失效情况总结
2014/07/18 Javascript
分享2个jQuery插件--jquery.fileupload与artdialog
2014/12/26 Javascript
JS中Location使用详解
2015/05/12 Javascript
jQuery插件实现带圆点的焦点图片轮播切换
2016/01/18 Javascript
jQuery遍历DOM元素与节点方法详解
2016/04/14 Javascript
jQuery模拟Marquee实现无缝滚动效果完整实例
2016/09/29 Javascript
详解JS-- 浮点数运算处理
2016/11/28 Javascript
flexslider.js实现移动端轮播
2017/02/05 Javascript
利用Plupload.js解决大文件上传问题, 带进度条和背景遮罩层
2017/03/15 Javascript
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
2017/03/24 jQuery
Javascript 实现匿名递归的实例代码
2017/05/25 Javascript
JavaScript重复元素处理方法分析【统计个数、计算、去重复等】
2017/12/14 Javascript
vue拦截器实现统一token,并兼容IE9验证功能
2018/04/26 Javascript
Vue高版本中一些新特性的使用详解
2018/09/25 Javascript
JS实现可用滑块滑动的缓动图代码
2019/09/01 Javascript
详解为什么Vue中不要用index作为key(diff算法)
2020/04/04 Javascript
Python中的多重装饰器
2015/04/11 Python
Python实现Linux的find命令实例分享
2017/06/04 Python
Python实现注册登录系统
2017/08/08 Python
pytorch numpy list类型之间的相互转换实例
2019/08/18 Python
Python + Flask 实现简单的验证码系统
2019/10/01 Python
Python+OpenCV实现实时眼动追踪的示例代码
2019/11/11 Python
PyQt5中向单元格添加控件的方法示例
2020/03/24 Python
python爬虫泛滥的解决方法详解
2020/11/25 Python
CSS3轻松实现清新 Loading 效果的简单实例
2016/06/06 HTML / CSS
使用css3 属性如何丰富图片样式(圆角 阴影 渐变)
2012/11/22 HTML / CSS
Harrods美国:英国最大的百货公司
2018/11/04 全球购物
年会主持词结束语
2014/03/27 职场文书
葬礼主持词
2015/07/02 职场文书
Python尝试实现蒙特卡罗模拟期权定价
2022/04/21 Python
蓝牙耳机怎么连接电脑win11? Win11蓝牙耳机连接电脑的技巧
2023/01/09 数码科技