解决新建一个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 相关文章推荐
Ruffy javascript 学习笔记
Nov 30 Javascript
javascript中Array()数组函数详解
Aug 23 Javascript
jquery 实现输入邮箱时自动补全下拉提示功能
Oct 04 Javascript
JS实现模拟百度搜索“2012世界末日”网页地震撕裂效果代码
Oct 31 Javascript
Bootstrap每天必学之附加导航(Affix)插件
Apr 25 Javascript
Bootstrap实现下拉菜单效果
Apr 29 Javascript
angular中的http拦截器Interceptors的实现
Feb 21 Javascript
Vue响应式添加、修改数组和对象的值
Mar 20 Javascript
vue使用Proxy实现双向绑定的方法示例
Mar 20 Javascript
详解Vue源码中一些util函数
Apr 24 Javascript
详解jQuery中的prop()使用方法
Jan 05 jQuery
JS实现动态无缝轮播
Jan 11 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的安全策略
2006/10/09 PHP
PHP 高手之路(二)
2006/10/09 PHP
PHP统计目录下的文件总数及代码行数(去除注释及空行)
2011/01/17 PHP
浅析关于PHP位运算的简单权限设计
2013/06/30 PHP
ThinkPHP3.1查询语言详解
2014/06/19 PHP
详解PHP数组赋值方法
2015/11/07 PHP
WordPress主题制作中自定义头部的相关PHP函数解析
2016/01/08 PHP
pjblog修改技巧汇总
2007/03/12 Javascript
用JQuery 实现的自定义对话框
2007/03/24 Javascript
基于jQuery.Hz2Py.js插件实现的汉字转拼音特效
2015/05/07 Javascript
JS文字球状放大效果代码分享
2015/08/19 Javascript
AngularJs中route的使用方法和配置
2016/02/04 Javascript
JavaScript知识点总结(十六)之Javascript闭包(Closure)代码详解
2016/05/31 Javascript
jQuery遍历节点树方法分析
2016/09/08 Javascript
vue使用$emit时,父组件无法监听到子组件的事件实例
2018/02/26 Javascript
js数组去重的N种方法(小结)
2018/06/07 Javascript
微信小程序实现登录遮罩效果
2018/11/01 Javascript
bootstrap与pagehelper实现分页效果
2018/12/29 Javascript
nodejs实现日志读取、日志查找及日志刷新的方法分析
2019/05/20 NodeJs
解决vue下载后台传过来的乱码流的问题
2020/12/05 Vue.js
[01:33]真香警告!DOTA2勇士令状不朽珍藏Ⅱ饰品欣赏
2018/06/26 DOTA
python使用线程封装的一个简单定时器类实例
2015/05/16 Python
Python的Flask框架的简介和安装方法
2015/11/13 Python
Python提取转移文件夹内所有.jpg文件并查看每一帧的方法
2019/06/27 Python
将tensorflow.Variable中的某些元素取出组成一个新的矩阵示例
2020/01/04 Python
使用python3 实现插入数据到mysql
2020/03/02 Python
CSS3使用transition属性实现过渡效果
2018/04/18 HTML / CSS
仿酷狗html5手机音乐播放器主要部分代码
2013/05/15 HTML / CSS
Smashbox英国官网:美国知名彩妆品牌
2017/11/13 全球购物
材料采购员岗位职责
2013/12/17 职场文书
高中体育教学反思
2014/01/24 职场文书
高中生学期学习自我评价
2014/02/24 职场文书
机械制造专业毕业生求职信
2014/03/02 职场文书
校庆接待方案
2014/03/18 职场文书
推荐信模板
2014/05/09 职场文书
十佳标兵事迹材料
2014/08/18 职场文书