解决新建一个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 相关文章推荐
网页常用特效代码整理
Jun 23 Javascript
js判断是否为数组的函数: isArray()
Oct 30 Javascript
JavaScript之自定义类型
May 04 Javascript
jquery实现固定顶部导航效果(仿蘑菇街)
Mar 21 Javascript
JS关闭窗口或JS关闭页面的几种代码分享
Oct 25 Javascript
jQuery qrcode生成二维码的方法
Apr 03 Javascript
javascript函数中的3个高级技巧
Sep 22 Javascript
Node.js的Mongodb使用实例
Dec 30 Javascript
利用jQuery+localStorage实现一个简易的计时器示例代码
Dec 25 jQuery
vue数组对象排序的实现代码
Jun 20 Javascript
vue点击当前路由高亮小案例
Sep 26 Javascript
Node与Python 双向通信的实现代码
Jul 16 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
9个PHP开发常用功能函数小结
2011/07/15 PHP
PHP中extract()函数的定义和用法
2012/08/17 PHP
php实现图片上传并进行替换操作
2016/03/15 PHP
PHP面向对象继承用法详解(优化与减少代码重复)
2016/12/02 PHP
解决windows上php xdebug 无法调试的问题
2020/02/19 PHP
基于jquery的一个简单的脚本验证插件
2010/04/05 Javascript
把jquery 的dialog和ztree结合实现步骤
2013/08/02 Javascript
jquery实现点击消失的代码
2014/03/03 Javascript
jquery-syntax动态语法着色示例代码
2014/05/14 Javascript
JavaScript bold方法入门实例(把指定文字显示为粗体)
2014/10/17 Javascript
jQuery AJAX timeout 超时问题详解
2016/06/21 Javascript
jQuery使用unlock.js插件实现滑动解锁
2017/04/04 jQuery
利用百度地图API获取当前位置信息的实例
2017/11/06 Javascript
解决bootstrap模态框数据缓存的问题方法
2018/08/10 Javascript
Angular设置别名alias的方法
2018/11/08 Javascript
解决vue scoped html样式无效的问题
2020/10/24 Javascript
使用基于Python的Tornado框架的HTTP客户端的教程
2015/04/24 Python
Python psutil模块简单使用实例
2015/04/28 Python
python单元测试unittest实例详解
2015/05/11 Python
全面了解Python环境配置及项目建立
2016/06/30 Python
利用python GDAL库读写geotiff格式的遥感影像方法
2018/11/29 Python
python高斯分布概率密度函数的使用详解
2019/07/10 Python
浅谈django url请求与数据库连接池的共享问题
2019/08/29 Python
numpy实现神经网络反向传播算法的步骤
2019/12/24 Python
Scrapy模拟登录赶集网的实现代码
2020/07/07 Python
K近邻法(KNN)相关知识总结以及如何用python实现
2021/01/28 Python
基于CSS3的CSS 多栏(Multi-column)实现瀑布流源码分享
2014/06/11 HTML / CSS
HTML5的表单(绝对特别强大的功能)使用示例
2013/06/20 HTML / CSS
T3官网:头发造型工具
2019/12/26 全球购物
好书伴我成长演讲稿
2014/05/14 职场文书
公司总经理助理岗位职责
2014/07/09 职场文书
政风行风自查自纠报告
2014/10/21 职场文书
2014年文员工作总结
2014/11/18 职场文书
步步惊心观后感
2015/06/12 职场文书
CSS3实现模糊背景的三种效果示例
2021/03/30 HTML / CSS
react中useState使用:如何实现在当前表格直接更改数据
2022/08/05 Javascript