搭建VUE的过程中遇到的坑

原创 tiffany拉拉 随笔 vue学习笔记 338阅读 2018-01-10 10:56:32 举报

一、第一个坑:运行npm run dev之后,报错如下:[/color]
html 代码

百度了超过半天,都没有找到解决办法,最后在万能的stack overflow找到了:
好像是因为版本的问题,把webpack dev server降到低版本的就可以,运行如下代码:
npm install webpack-dev-server@2.9.7 --save-devnpm install webpack-dev-server@2.9.7 --save-devhtml 代码

二、[color=#ff0000]第二个问题:vue中npm run dev运行项目不能自动打开浏览器!****
I Your application is running here: http://localhost:8080

这段话的意思是:你的程序运行地址是:http://localhost:8080

这段话是我项目建立好,npm run dev 之后出现的。以前建立项目后运行这句话

会默认自动打开浏览器运行。

各种百度之后,终于找到了解决方式。
在你的项目中找到config/index.js文件,并打开,修改一下参数:
autoOpenBrowser: true, //是否默认打开浏览器,默认是false,改为true即可;

三、安装vue-form的过程中安装错误,提示:please try running this command again as root/administrator
后来进到当前项目中运行了一下:npm cache clean -f,清理一下缓存,然后再重新安装npm install vue-form --save

继续填坑
四,"vue"不是内部或外部命令

安装vue-cli之后,新建项目的时候报错“vue"不是内部或外部命令,心好累
后面百度找到vue.cmd的位置就好了,之后去计算机中搜索,结果发现在E:\下面,把路径添加到环境变量——系统变量——path中去,重来,还是不行,感觉自己要狗带……
之后,各种尝试,发现在C:\Program Files\node.js\node_global文件夹下面还有一个vue.cmd文件,然后才明白,可能是之前在E:\中安装过全局的Npm,后面删除的时候没有删干净,之后又在C:\中安装全局的,所以产生了两个,之后果断删除E:\中的整个node_modules,然后把C:\Program Files\node.js\node_global路径添加到path中去,再去vue init webpack my-project,终于,成功了
经常自己坑自己,哎……

评论 ( 2 )
最新评论
tiffany拉拉 1F 2018-01-19 11:31:44 2F

哈哈,谢谢,我就是一个菜鸟

丕丕 2018-01-16 08:56:58 1F

看好你