npm run dev 報錯的問題 啟動失敗後出現問題，BrowserslistError相關的檔案報錯問題
當我的vue環境什麼的都搭好的時候，最後一步npm run dev 問題就來了，我修改一下index.js。埠8080修改成其他8099 還是報錯，後面也是查一下資料搞好久才解決掉的，後面我把Browserlist相關的檔案刪除了，重新啟動一下npm run dev才成功的，希望給學習vue的同學在適配環境能夠更好解決掉。
E:\world\vue-demo>npm run dev
> [email protected] 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
很高興也把問題解決，希望給更多的人把問題給解決掉
相關推薦
npm run dev 報錯的問題 啟動失敗後出現問題，BrowserslistError相關的檔案報錯問題
當我的vue環境什麼的都搭好的時候，最後一步npm run dev 問題就來了，我修改一下index.js。埠8080修改成其他8099 還是報錯，後面也是查一下資料搞好久才解決掉的，後面我把Browserlist相關的檔案刪除了，重新啟動一下npm run dev才成功的，
webpack+vue自建專案後，執行npm run dev瀏覽器自啟動
背景：由於vue版本的更新，有兩個檔案被刪除【 /config/dev-server.js and /config/dev-client.js are gone /config/dev-server.js 和/config/dev-client.js】，原配置項被移植到了i
vue項目，npm install後，npm run dev報錯問題
HERE 運行 err The too web nbsp stat 解決 報錯： ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] dev: `node build/dev-server.js`
vue報錯：無法啟動伺服器，報錯（npm run dev 報錯問題）（一）
vue 專案報錯大全（一） vue報錯：無法啟動伺服器，報錯（npm run dev 報錯問題） #出錯背景 自己搭建的vue框架，在搭建好一個專案時忽然報錯（在此之前其他專案正常執行中，搭建了新的專案啟動服務時啟動不了了。 #報錯程式碼 Invalid con
npm run dev 執行後報錯
webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 10% building modules 1/1 modules 0 activeevents.js:183 th
npm run dev後sass報錯* !!vue-style-loader!css-loader?{"sourceMap":true}!../../../node_modules/_vue-load
** npm run dev後sass報錯* !!vue-style-loader!css-loader?{“sourceMap”:true}!../…/…/node_modules/[email protected]@vue-loader/lib/style-compiler
vue開啟專案npm run dev 後報錯'webpack-dev-server'
啊啊啊啊啊。我想在這裡傳上來一張報錯的圖，怎麼瀏覽器就卡的會轉圈，圖片不讓傳呢？好氣哦[○･｀Д´･ ○]，怎麼感覺csdn改的不怎好用了，看到這知道的小夥伴知道的可以告訴我一下哈，在此先謝過了。Thanks♪(･ω･)ﾉ 好了，說正事。報錯顯
vue 運行npm run dev報錯
node body vue width OS 運行 all post http npm run dev運行時報錯，原因有很多。 一般用下面這種方法都能解決的。 最簡單粗暴的方法： 1.刪除依賴包node_modules 2.然後重新npm install就行了 （如果這步報
Vue 項目： npm run dev b報錯 “'webpack-dev-server' 不是內部或外部命令，也不是可運行的程序 或批處理文件。”
output 安裝 modules RR module -i progress his dev 前提： 電腦已經安裝了nodeJS和npm, 項目是直接下載的zip包。 報錯步驟為1：cd /d 目錄； 2. npm ren dev -------> 報錯如下：
Vue 項目在其他電腦 npm run dev 運行報錯的解決方法
mod modules nbsp alt git 運行 .org ges tar 一個 Vue 項目從一臺電腦上傳到 github 上之後，再另外一臺電腦上 git clone 。並使用 npm run dev 或 npm run start 發生以下報錯的解決方法。
vue中npm run dev 報錯
1.報錯了。。。 You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable
解決npm run dev以後報錯：node_modules missing
1 首先安裝node.js，官網地址：https://nodejs.org/zh-cn/download/ 2 使用npm淘寶映象，避免npm下載速度過慢的問題 ：npm install -g cnpm --registry=https://registry.npm.t
npm run dev報錯
今天看到一個不錯的開源專案DncZeus 按說明執行 npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! [email protected] dev: `vue-cli-service serve --open`npm ERR! Exit statu
laravel5.4中npm run dev報錯
仔細看了一下時間真的是好久都沒有寫部落格了，去年還在認真記錄遇到的每一個問題和新學到的知識，真的是慚愧。那麼今天就記錄一下npm run dev的問題 1.安裝laravel5.4 co
解決vue專案執行過程中，npm run dev 報錯問題
ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! [email protected] dev: `node build/dev-server.js`npm ERR! Exit status 1npm ERR!npm ERR!
vue cli npm run dev時候報錯
如下$ npm run dev> [email protected] dev C:\Users\Damin\Desktop\vuedemo2> webpack-dev-server --inline --progress --config build/w
npm run dev 報錯 iview TypeError [ERR_INVALID_CALLBACK]: Callback must be a function
執行npm run dev報這個錯,什麼辦法都試了, 刪除專案下node_modules檔案下,然後再次安裝沒有用, 解除安裝nodejs，重新安裝也沒有用 然後查看了下報錯資訊如下圖示記： D:\iview\iview-admin-dev\build\webpac
vue專案執行 $ npm run dev 報錯解決方案
vue專案執行 $ npm run dev 報錯如下：（原因是8080埠號被佔用） $ npm run dev > [email protected]1.0.0 dev E:\易先生\vue\Vue 高仿開發餓了麼webApp\sell1
解決Laravel使用npm run dev的時候報錯“cross-env 不是內部命令”
cross-env must have updated its paths, it has "cross-env/dist/bin" not "cross-env/bin/" in package.json (EDIT) "dev": "node node_mod
npm run dev 報錯
npm run dev報錯內容： ERROR Failed to compile with 2 errors