npm run dev 报错的问题 启动失败后出现问题,BrowserslistError相关的文件报错问题
当我的vue环境什么的都搭好的时候,最后一步npm run dev 问题就来了,我修改一下index.js。端口8080修改成其他8099 还是报错,后面也是查一下资料搞好久才解决掉的,后面我把Browserlist相关的文件删除了,重新启动一下npm run dev才成功的,希望给学习vue的同学在适配环境能够更好解决掉。
E:\world\vue-demo>npm run dev
> vue-demo@1.0.0 dev E:\world\vue-demo
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
14% building modules 41/44 modules 3 active ...\vue-style-loader\lib\listToStyles.js{ BrowserslistError: E:\world\vue-demo contains both browserslist and package.json with browsers
at E:\world\vue-demo\node_modules\browserslist\node.js:189:15
at eachParent (E:\world\vue-demo\node_modules\browserslist\node.js:43:18)
at Object.findConfig (E:\world\vue-demo\node_modules\browserslist\node.js:172:20)
at Object.loadConfig (E:\world\vue-demo\node_modules\browserslist\node.js:126:37)
at browserslist (E:\world\vue-demo\node_modules\browserslist\index.js:194:22)
at Browsers.parse (E:\world\vue-demo\node_modules\autoprefixer\lib\browsers.js:61:16)
at new Browsers (E:\world\vue-demo\node_modules\autoprefixer\lib\browsers.js:52:30)
at loadPrefixes (E:\world\vue-demo\node_modules\autoprefixer\lib\autoprefixer.js:70:24)
at plugin (E:\world\vue-demo\node_modules\autoprefixer\lib\autoprefixer.js:81:24)
at LazyResult.run (E:\world\vue-demo\node_modules\postcss\lib\lazy-result.js:277:20)
at LazyResult.asyncTick (E:\world\vue-demo\node_modules\postcss\lib\lazy-result.js:192:32)
at LazyResult.asyncTick (E:\world\vue-demo\node_modules\postcss\lib\lazy-result.js:204:22)
at E:\world\vue-demo\node_modules\postcss\lib\lazy-result.js:197:27
at <anonymous>
name: 'BrowserslistError',
message: 'E:\\world\\vue-demo contains both browserslist and package.json with browsers',
browserslist: true }
15% building modules 42/44 modules 2 active ...\vue-style-loader\lib\listToStyles.js{ BrowserslistError: E:\world\vue-demo contains both browserslist and package.json with browsers
at E:\world\vue-demo\node_modules\browserslist\node.js:189:15
at eachParent (E:\world\vue-demo\node_modules\browserslist\node.js:43:18)
at Object.findConfig (E:\world\vue-demo\node_modules\browserslist\node.js:172:20)
at Object.loadConfig (E:\world\vue-demo\node_modules\browserslist\node.js:126:37)
at browserslist (E:\world\vue-demo\node_modules\browserslist\index.js:194:22)
at Browsers.parse (E:\world\vue-demo\node_modules\autoprefixer\lib\browsers.js:61:16)
at new Browsers (E:\world\vue-demo\node_modules\autoprefixer\lib\browsers.js:52:30)
at loadPrefixes (E:\world\vue-demo\node_modules\autoprefixer\lib\autoprefixer.js:70:24)
at plugin (E:\world\vue-demo\node_modules\autoprefixer\lib\autoprefixer.js:81:24)
at LazyResult.run (E:\world\vue-demo\node_modules\postcss\lib\lazy-result.js:277:20)
at LazyResult.asyncTick (E:\world\vue-demo\node_modules\postcss\lib\lazy-result.js:192:32)
at LazyResult.asyncTick (E:\world\vue-demo\node_modules\postcss\lib\lazy-result.js:204:22)
at E:\world\vue-demo\node_modules\postcss\lib\lazy-result.js:197:27
at <anonymous>
name: 'BrowserslistError',
message: 'E:\\world\\vue-demo contains both browserslist and package.json with browsers',
browserslist: true }
94% asset optimization
ERROR Failed to compile with 2 errors 11:45:05
error in ./src/App.vue
Module build failed: BrowserslistError: E:\world\vue-demo contains both browserslist and
package.json with browsers
at E:\world\vue-demo\node_modules\browserslist\node.js:189:15
at eachParent (E:\world\vue-demo\node_modules\browserslist\node.js:43:18)
at Object.findConfig (E:\world\vue-demo\node_modules\browserslist\node.js:172:20)
at Object.loadConfig (E:\world\vue-demo\node_modules\browserslist\node.js:126:37)
at browserslist (E:\world\vue-demo\node_modules\browserslist\index.js:194:22)
at Browsers.parse (E:\world\vue-demo\node_modules\autoprefixer\lib\browsers.js:61:16)
at new Browsers (E:\world\vue-demo\node_modules\autoprefixer\lib\browsers.js:52:30)
at loadPrefixes (E:\world\vue-demo\node_modules\autoprefixer\lib\autoprefixer.js:70:24)
at plugin (E:\world\vue-demo\node_modules\autoprefixer\lib\autoprefixer.js:81:24)
at LazyResult.run (E:\world\vue-demo\node_modules\postcss\lib\lazy-result.js:277:20)
at LazyResult.asyncTick (E:\world\vue-demo\node_modules\postcss\lib\lazy-result.js:192:32)
at LazyResult.asyncTick (E:\world\vue-demo\node_modules\postcss\lib\lazy-result.js:204:22)
at E:\world\vue-demo\node_modules\postcss\lib\lazy-result.js:197:27
at <anonymous>
@ ./node_modules/vue-style-loader!./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-7ba5bd90","scoped":false,"hasInlineConfig":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue 4:14-296 13:3-17:5 14:22-304
@ ./src/App.vue
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://localhost:8099 webpack/hot/dev-server ./src/main.js
error in ./src/components/HelloWorld.vue
Module build failed: BrowserslistError: E:\world\vue-demo contains both browserslist and
package.json with browsers
at E:\world\vue-demo\node_modules\browserslist\node.js:189:15
at eachParent (E:\world\vue-demo\node_modules\browserslist\node.js:43:18)
at Object.findConfig (E:\world\vue-demo\node_modules\browserslist\node.js:172:20)
at Object.loadConfig (E:\world\vue-demo\node_modules\browserslist\node.js:126:37)
at browserslist (E:\world\vue-demo\node_modules\browserslist\index.js:194:22)
at Browsers.parse (E:\world\vue-demo\node_modules\autoprefixer\lib\browsers.js:61:16)
at new Browsers (E:\world\vue-demo\node_modules\autoprefixer\lib\browsers.js:52:30)
at loadPrefixes (E:\world\vue-demo\node_modules\autoprefixer\lib\autoprefixer.js:70:24)
at plugin (E:\world\vue-demo\node_modules\autoprefixer\lib\autoprefixer.js:81:24)
at LazyResult.run (E:\world\vue-demo\node_modules\postcss\lib\lazy-result.js:277:20)
at LazyResult.asyncTick (E:\world\vue-demo\node_modules\postcss\lib\lazy-result.js:192:32)
at LazyResult.asyncTick (E:\world\vue-demo\node_modules\postcss\lib\lazy-result.js:204:22)
at E:\world\vue-demo\node_modules\postcss\lib\lazy-result.js:197:27
at <anonymous>
@ ./node_modules/vue-style-loader!./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-469af010","scoped":true,"hasInlineConfig":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/HelloWorld.vue 4:14-311 13:3-17:5 14:22-319
@ ./src/components/HelloWorld.vue
@ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue
@ ./src/App.vue
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://localhost:8099 webpack/hot/dev-server ./src/main.js
应该是browsercraigslist的相关文件跟package,json不能同时存在的意识罢.,望大神经过帮忙修正,..
所以然后尝试把browsercraigslist相关文件删了,运行npm run dev
很高兴也把问题解决,希望给更多的人把问题给解决掉
阅读更多- 启动vue项目,npm run dev服务起不来报错Error: listen EACCES 0.0.0.0:8080
- 执行npm run dev 出现错误 Error: listen EADDRINUSE :::8080
- vuejs中执行npm run dev出现页面cannot GET/问题
- vs2010 编译出现Error LNK1123:转换到 COFF 期间失败: 文件无效或损坏问题
- vuejs中执行npm run dev出现页面cannot GET/问题
- 安装msi文件出现Windows Installer服务不能启动的问题
- 关于Struts2.1.6中配置 constant name="struts.devMode" value="true" 在tomcat启动时报错的问题 .
- npm run dev报错,events.js:160 throw er; // Unhandled 'error' event
- Oracle表空间文件损坏导致的数据库异常关闭并启动失败问题的解决方法
- 关于virtualbox不能为虚拟电脑启动一个新任务报错 GetLastError=1790(其他错误id也可以一试)的问题
- "对文件 的目录查找失败,出现操作系统错误 5(拒绝访问。)。 失败。无法创建列出的某些文件名。请查看相关错误。
- Appium1.6启动ios9.3报错Original error: Sdk '9.3.5' was not in list of simctl sdks
- 解决打开WEB ADI的excel文件时出现Run-time error '1004' 的错误
- 关于Struts2.1.6中配置 constant name="struts.devMode" value="true" 在tomcat启动时报错的问题
- 解决通过批处理文件启动LibreOffice4报错的问题
- springMVC项目启动时出现bean注入失败的情况:Error creating bean with name 'XXX': Injection of autowired dependencies
- 在工厂模式中使用Properties配置文件出现java.lang.ExceptionInInitializerError的问题
- vue-cli webpack项目npm run dev启动过程
- 更新到android studio2.0后,运行时出现一个问题:Error running app: Instant Run requires 'Tools | Android | Enable AD
- ubuntu 下eclipse 启动时出现An error has occurred. See the log file的问题