解决新建一个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 相关文章推荐
javascript写的一个链表实现代码
Oct 25 Javascript
jQuery.autocomplete 支持中文输入(firefox)修正方法
Mar 10 Javascript
js判断文本框剩余可输入字数的方法
Feb 04 Javascript
JavaScript中eval()函数用法详解
Dec 14 Javascript
js跨域资源共享 基础篇
Jul 02 Javascript
详解angular element()方法使用
Apr 08 Javascript
javascript中mouseenter与mouseover的异同
Jun 06 Javascript
vue双花括号的使用方法 附练习题
Nov 07 Javascript
AngularJS创建一个上传照片的指令实例代码
Feb 24 Javascript
JS计算两个数组的交集、差集、并集、补集(多种实现方式)
May 21 Javascript
小程序中canvas的drawImage方法参数使用详解
Jul 04 Javascript
微信小程序实现canvas分享朋友圈海报
Jun 21 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文件去掉PHP注释空格的函数分析(PHP代码压缩)
2013/07/02 PHP
php动态生成函数示例
2014/03/21 PHP
浅析php如何实现App常用的秒发功能
2016/08/03 PHP
PHP常用的三种设计模式汇总
2016/08/28 PHP
PHP中文字符串截断无乱码解决方法
2016/10/10 PHP
laravel学习笔记之模型事件的几种用法示例
2017/08/15 PHP
快速解决PHP调用Word组件DCOM权限的问题
2017/12/27 PHP
PHP实现的函数重载功能示例
2018/08/03 PHP
JQuery 初体验(建议学习jquery)
2009/04/25 Javascript
js函数setTimeout延迟执行的简单介绍
2013/07/17 Javascript
jquery的父子兄弟节点查找示例代码
2014/03/03 Javascript
在JS中解析HTML字符串示例代码
2014/04/16 Javascript
nodejs教程之入门
2014/11/21 NodeJs
详解Backbone.js框架中的模型Model与其集合collection
2016/05/05 Javascript
js设置和获取自定义属性的方法
2016/10/20 Javascript
基于javaScript的this指向总结
2017/07/22 Javascript
form表单序列化详解(推荐)
2017/08/15 Javascript
jquery中done和then的区别(详解)
2017/12/19 jQuery
vue draggable resizable gorkys与v-chart使用与总结
2019/09/05 Javascript
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
2019/11/25 Javascript
12 种使用Vue 的最佳做法
2020/03/30 Javascript
Python正则表达式教程之二:捕获篇
2017/03/02 Python
python 生成器协程运算实例
2017/09/04 Python
Python Web编程之WSGI协议简介
2018/07/18 Python
python global关键字的用法详解
2019/09/05 Python
基于pandas中expand的作用详解
2019/12/17 Python
python numpy数组中的复制知识解析
2020/02/03 Python
如何利用python 读取配置文件
2021/01/06 Python
Html5导航栏吸顶方案原理与对比实现
2020/06/10 HTML / CSS
伦敦最著名的老字号百货公司:Selfridges(塞尔福里奇百货)
2016/07/25 全球购物
班组长安全生产职责
2013/12/16 职场文书
大学校运会广播稿
2014/02/03 职场文书
全神贯注教学反思
2014/02/03 职场文书
班级心理活动总结
2014/07/04 职场文书
幼儿教师辞职信
2015/02/27 职场文书
Pytorch实现图像识别之数字识别(附详细注释)
2021/05/11 Python