解决新建一个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中动态效果小结
Dec 16 Javascript
IE6,IE7,IE8下使用Javascript记录光标选中范围(已补全)
Aug 28 Javascript
尝试在让script的type属性等于text/html
Jan 15 Javascript
关于ExtJS4.1:快捷键支持的问题
Apr 24 Javascript
jQuery将多条数据插入模态框的示例代码
Sep 25 Javascript
日常收集整理的JavaScript常用函数方法
Dec 10 Javascript
Angular发布1.5正式版,专注于向Angular 2的过渡
Feb 18 Javascript
jQuery Easyui 下拉树组件combotree
Dec 16 Javascript
js中Number数字数值运算后值不对的解决方法
Feb 28 Javascript
解决Vue页面固定滚动位置的处理办法
Jul 13 Javascript
vue组件之Alert的实现代码
Oct 17 Javascript
vue解决花括号数据绑定不成功的问题
Oct 30 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,ajax实现分页
2008/03/27 PHP
php导出中文内容excel文件类实例
2015/07/06 PHP
PHP开发中AJAX技术的简单应用
2015/12/11 PHP
浅谈php的TS和NTS的区别
2019/03/13 PHP
最新28个很棒的jQuery 教程
2011/05/28 Javascript
如何在指定的地方插入html内容和文本内容
2013/12/23 Javascript
使用原生JS实现弹出层特效
2014/12/22 Javascript
举例说明JavaScript中的实例对象与原型对象
2016/03/11 Javascript
vue+springboot前后端分离实现单点登录跨域问题解决方法
2018/01/30 Javascript
vue axios封装及API统一管理的方法
2019/04/18 Javascript
ligerUI的ligerDialog关闭刷新的方法
2019/09/27 Javascript
JavaScript this关键字指向常用情况解析
2020/09/02 Javascript
js前端传json后台接收‘‘被转为quot的问题解决
2020/11/12 Javascript
js实现限定区域范围拖拉拽效果
2020/11/20 Javascript
[48:39]Ti4主赛事胜者组第一天 EG vs NEWBEE 2
2014/07/19 DOTA
python实现log日志的示例代码
2018/04/28 Python
Python判断一个文件夹内哪些文件是图片的实例
2018/12/07 Python
python 使用pandas计算累积求和的方法
2019/02/08 Python
Python脚本修改阿里云的访问控制列表的方法
2019/03/08 Python
python itchat实现调用微信接口的第三方模块方法
2019/06/11 Python
python3.7 使用pymssql往sqlserver插入数据的方法
2019/07/08 Python
Numpy 中的矩阵求逆实例
2019/08/26 Python
使用turtle绘制五角星、分形树
2019/10/06 Python
python如何求100以内的素数
2020/05/27 Python
零基础学Python之前需要学c语言吗
2020/07/21 Python
Python钉钉报警及Zabbix集成钉钉报警的示例代码
2020/08/17 Python
大学生个人自荐信
2014/02/24 职场文书
投标承诺书范本
2014/03/27 职场文书
水毁工程实施方案
2014/04/01 职场文书
竞聘自述材料
2014/08/25 职场文书
学习十八届四中全会依法治国心得体会
2014/11/03 职场文书
自荐信模板大全
2015/03/27 职场文书
文明旅游倡议书
2015/04/28 职场文书
深度学习小工程练习之垃圾分类详解
2021/04/14 Python
JavaScript流程控制(循环)
2021/12/06 Javascript
Android开发实现极为简单的QQ登录页面
2022/04/24 Java/Android