vue.js安装最后一步,vue cli npm run devv,报错,服务器链接不上,什么情况

问题: (vue.js)npm run dev服务起不来报错Error: listen EACCES
描述:λ npm run dev
& my-first-vue-project@1.0.0 dev E:\my-first-vue-project
& node build/dev-server.js
events.js:141
// Unhandled 'error' event
Error: listen EACCES 0.0.0.0:8080
at Object.exports._errnoException (util.js:870:11)
at exports._exceptionWithHostPort (util.js:893:20)
at Server._listen2 (net.js:1221:19)
at listen (net.js:1270:10)
at Server.listen (net.js:1366:5)
at EventEmitter.listen (E:\my-first-vue-project\node_modules\.npminstall\express\4.14.0\express\lib\application.js:617:24)
at Object.&anonymous& (E:\my-first-vue-project\build\dev-server.js:59:22)
at Module._compile (module.js:409:26)
at Object.Module._extensions..js (module.js:416:10)
at Module.load (module.js:343:32)
at Function.Module._load (module.js:300:12)
at Function.Module.runMain (module.js:441:10)
at startup (node.js:139:18)
at node.js:968:3
npm ERR! Windows_NT 6.1.7601
npm ERR! argv "E:\\nodejs\\node.exe" "E:\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "dev"
npm ERR! node v4.4.5
npm ERR! npm
npm ERR! code ELIFECYCLE
npm ERR! my-first-vue-project@1.0.0 dev: `node build/dev-server.js`
npm ERR! Exit status 1
npm ERR! Failed at the my-first-vue-project@1.0.0 dev script 'node build/dev-server.js'.
npm ERR! This is most likely a problem with the my-first-vue-project package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
node build/dev-server.js
npm ERR! You can get information on how to open an issue for this project with:
npm bugs my-first-vue-project
npm ERR! Or if that isn't available, you can get their info via:
npm owner ls my-first-vue-project
npm ERR! There is likely additional logging output above.
npm ERR! Please include the following file with any support request:
E:\my-first-vue-project\npm-debug.log解决方案1:你这问题解决了么。。我也遇到一样的问题解决方案2:如果端口被占用了,可以执行 npm run dev --port 8001 端口号设置为8081解决方案3:端口号已被占用,或一个端口比如3000试一下解决方案4:你的8080端口是否被占用,可以关闭该端口运行的程序再试
以上介绍了“ (vue.js)npm run dev服务起不来报错Error: listen EACCES ”的问题解答,希望对有需要的网友有所帮助。
本文网址链接:/itwd/4113687.html
上一篇: 下一篇:\ vue.js环境配置步骤及npm run dev报错解决方案
vue.js环境配置步骤及npm run dev报错解决方案
Web前端工程师
这位童鞋很懒,什么也没有留下~~!
作者的热门手记
其实安装教程在vue的官网上面都可以查到,网络上面也有很多详细的教程了,我写这篇文章,主要记录自己遇到的一些问题,以方便后来者参考。
1.首先安装node.js及git,git不是必须,不过强烈建议。
2.通过npm安装vue.js。npm访问国外服务器,速度较慢,可通过淘宝npm镜像。
npm install vue //npm官方安装
npm install -g cnpm --registry=https://registry.taobao.org
//淘宝npm镜像安装
3.安装成功后,可以在git或者cmd里运行node -v
npm -v 来测试版本号,出现则安装成功。
4.安装脚手架工具 npm -g install vue-cli
或者 淘宝镜像安装
cnpm -g -install vue-cli
至此,环境安装完成!
npm run dev 报错
安装完环境后,就要创建项目
使用 vue init webpack my-project 初始化文件
然后使用 cnpm install 安装依赖文件
安装完成后,使用npm run dev 运行,成功后,就可以在浏览器中看到vue的欢迎画面了
最后一步可能报错,我就遇到这样的问题了,如果你也遇到,可以从这几个方面去检查
cmd是否已管理员权限运行
npm版本是否足够高,升级使用
npm -g update npm@3.10.10
8080端口是否被占用
当前操作目录是否在项目根目录
经过这些检查应该可以解决所有问题了,愉快的开始vue之旅吧!
朱宝祥原创 博客首发
相关标签:
本文原创发布于慕课网 ,转载请注明出处,谢谢合作!
请登录后,发表评论
评论(Enter+Ctrl)
评论加载中...
评论加载中...
Copyright (C)
All Rights Reserved | 京ICP备 号-2vuejs中执行npm run dev出现页面cannot GET/问题 - CSDN博客
vuejs中执行npm run dev出现页面cannot GET/问题
1.问题描述
最近用vue-cli搭建了一个小项目,其中在对项目进行打包测试时修改了webpack.base.conf.js中的配置信息,之后再用npm run dev之后出现如下的情况:
1.浏览器中无法呈现已有页面,并且在浏览器控制台中报404错误
2.命令窗口中并没有报错
其中有人说是路由等问题,后来通过创建新的项目对比配置文件信息,发现是配置信息导致:
注释部分是打包时需要修改的地方(根据打包时网站根目录,这个没处理好可能会出现图片路径加载失败问题),而上面才是在开发环境下需要的配置信息(怪自己没留意,坑了自己),之后就可以正常跑了...
由于有多个网友反映并没有修改上面的publicPath,但是执行run命令之后还会出现上述情况,追其原因是除此之外还修改了config目录下的assetsPublicPath路径,将其还原为你自己打包前的路径即可.
最近又有网友说到这个问题,按照以上说的方面检查了一下,还是出现了这个问题,查了一下出现这个问题的原因还可能跟node的版本还有npm版本相关,所以要把node升级较高版本,vue-cli要基于3.0以上的版本支持。
那么这时候如果升级了node或者npm,那么就可能出现npm 报错问题,那么可以尝试删除npm重新安装
今天又发现了关于这个问题的一个原因,是由于创建项目的时候用了ESLint语法检测,所以一点语法规范都会造成找不到页面,并且这些错误是在控制台是可以找到的。
如有新方法,将会继续更新!!!
本文已收录于以下专栏:
相关文章推荐
Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(四)调整 App.vue 和 router 路由前情回顾在上一篇《Vue2+VueRouter2+Webpack...
Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(七)初识 *.vue 文件前情回顾在上一篇文章《Vue2+VueRouter2+Webpack+Axios 构建...
Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(二)安装 nodejs 环境以及 vue-cli 构建初始项目在上一篇《Vue2+VueRouter2+Webp...
Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(三)认识项目所有文件在《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(...
Vue2+VueRouter2+webpack 构建项目实战(四)接通api,先渲染个列表前情回顾《Vue2+VueRouter2+webpack 构建项目实战(一)准备工作》《Vue2+VueRou...
1.vue中的vue-cli打包
最近在用vue写一个小项目,其中就用到了vue脚手架工具vue-cli,在测试打包后能否运行过程中遇到不少问题,而且在网上这些问题答案都不太好找,废话不多说,进入正...
[FungLeo原创]CSS预编译技术之SASS学习经验小结前言接触CSS是05年.使用xhtml+css开发是06年.但真正全面采用xhtml+css开发却是08年开始的.因为居于三线城市,比一线程...
Atom 编辑器安装 linter-eslint 插件,并配置使其支持 vue 文件中的 js 格式校验前言之前我的博文写了一系列的vue教程。但是关闭了其中的代码校验,这一直让我很不爽。因为我希望自...
Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(十一)阶段性小结前情回顾去年写的那一套东西,虽然我也写得非常的认真,但是其中还是有点绕了。当时水平不行。现在我重...
今天出一个新需求,拿到别人的代码启动vue之后总是报cannot GET /的错误。下面是我解决的方法:现象
浏览器中无法呈现已有页面,并且在浏览器控制台中报404错误 npm run dev命令行窗...
他的最新文章
讲师:吴岸城
您举报文章:
举报原因:
原文地址:
原因补充:
(最多只允许输入30个字)}

我要回帖

更多关于 nodejs npm run dev 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信