Cuando todo está configurado en mi entorno vue, viene el último paso npm run dev problem, voy a modificar index.js. El puerto 8080 se cambió a otro 8099 y todavía reportaba un error. Revisé la información durante mucho tiempo y lo resolví. Luego, eliminé los archivos relacionados de Browserlist y reinicié npm run dev para tener éxito. Espero adaptarme a la estudiantes que están aprendiendo vue. El entorno se puede resolver mejor.
E: \ world \ vue-demo> npm ejecutar dev
> [email protected] dev E: \ world \ vue-demo
> webpack-dev-server --inline --progress --config build / webpack.dev.conf.js
14% módulos de construcción 41/44 módulos 3 activos ... \ vue-style-loader \ lib \ listToStyles.js {BrowserslistError: E: \ world \ vue-demo contiene tanto browserslist como package.json con navegadores
en E: \ world \ vue-demo \ node_modules \ browserslist \ node.js: 189: 15
en eachParent (E: \ world \ vue-demo \ node_modules \ browserslist \ node.js: 43: 18)
en Object.findConfig (E: \ world \ vue-demo \ node_modules \ browserslist \ node.js: 172: 20)
en Object.loadConfig (E: \ world \ vue-demo \ node_modules \ browserslist \ node.js: 126: 37)
en browserslist (E: \ world \ vue-demo \ node_modules \ browserslist \ index.js: 194: 22)
en Browsers.parse (E: \ world \ vue-demo \ node_modules \ autoprefixer \ lib \ browsers.js: 61: 16)
en nuevos navegadores (E: \ world \ vue-demo \ node_modules \ autoprefixer \ lib \ browsers.js: 52: 30)
en loadPrefixes (E: \ world \ vue-demo \ node_modules \ autoprefixer \ lib \ autoprefixer.js: 70 : 24)
en el complemento (E: \ world \ vue-demo \ node_modules \ autoprefixer \ lib \ autoprefixer.js: 81: 24)
en LazyResult.run (E: \ world \ vue-demo \ node_modules \ postcss \ lib \ lazy -result.js: 277: 20)
en LazyResult.asyncTick (E: \ world \ vue-demo \ node_modules \ postcss \ lib \ lazy-result.js: 192: 32)
en LazyResult.asyncTick (E: \ world \ vue -demo \ node_modules \ postcss \ lib \ lazy-result.js: 204: 22)
en E: \ world \ vue-demo \ node_modules \ postcss \ lib \ lazy-result.js: 197: 27
en <anonymous>
nombre: 'BrowserslistError',
mensaje: 'E: \\ world \\ vue-demo contiene tanto la lista de navegadores como el paquete.json con los navegadores', lista de
navegadores: true}
15% módulos de construcción 42/44 módulos 2 activos ... \ vue-style-loader \ lib \ listToStyles.js {BrowserslistError: E: \ world \ vue-demo contiene tanto browserslist como package.json con navegadores
en E: \ world \ vue-demo \ node_modules \ browserslist \ node.js: 189: 15
en eachParent (E: \ world \ vue-demo \ node_modules \ browserslist \ node.js: 43: 18)
en Object.findConfig (E: \ world \ vue-demo \ node_modules \ browserslist \ node.js: 172: 20)
en Object.loadConfig (E : \ world \ vue-demo \ node_modules \ browserslist \ node.js: 126: 37)
en browserslist (E: \ world \ vue-demo \ node_modules \ browserslist \ index.js: 194: 22)
en Browsers.parse (E: \ world \ vue-demo \ node_modules \ autoprefixer \ lib \ browsers.js: 61: 16)
en nuevos navegadores (E: \ world \ vue-demo \ node_modules \ autoprefixer \ lib \ browsers.js : 52: 30)
en loadPrefixes (E: \ world \ vue-demo \ node_modules \ autoprefixer \ lib \ autoprefixer.js: 70: 24)
en el complemento (E: \ world \ vue-demo \ node_modules \ autoprefixer \ lib \ autoprefixer .js: 81: 24)
en LazyResult.run (E: \ world \ vue-demo \ node_modules \ postcss \ lib \ lazy-result.js: 277: 20)
en LazyResult.asyncTick (E: \ world \ vue-demo \ node_modules \ postcss \ lib \ lazy-result.js: 192: 32)
en LazyResult.asyncTick (E: \ world \ vue-demo \ node_modules \ postcss \ lib \ lazy-result.js: 204: 22)
en E: \ world \ vue-demo \ node_modules \ postcss \ lib \ lazy-result.js: 197: 27
en <anónimo>
nombre: 'BrowserslistError',
mensaje: 'E: \\ world \\ vue-demo contiene tanto la lista de navegadores como el paquete.json con navegadores', lista de
navegadores: true}
94% de optimización de activos
ERROR No se pudo compilar con 2 errores 11:45:05
error en ./src/App.vue
Error de compilación del módulo: BrowserslistError: E: \ world \ vue-demo contiene tanto browserslist como
package.json con los navegadores
en E: \ world \ vue-demo \ node_modules \ browserslist \ node.js: 189: 15
en eachParent (E: \ world \ vue-demo \ node_modules \ browserslist \ node.js: 43: 18)
en Object.findConfig (E: \ world \ vue-demo \ node_modules \ browserslist \ node.js: 172: 20)
en Object.loadConfig (E : \ world \ vue-demo \ node_modules \ browserslist \ node.js: 126: 37)
en browserslist (E: \ world \ vue-demo \ node_modules \ browserslist \ index.js: 194: 22)
en Browsers.parse (E : \ world \ vue-demo \ node_modules \ autoprefixer \ lib \ browsers.js: 61: 16)
en nuevos navegadores (E: \ world \ vue-demo \ node_modules \ autoprefixer \ lib \ browsers.js: 52: 30)
en loadPrefixes (E: \ world \ vue-demo \ node_modules \ autoprefixer \ lib \ autoprefixer.js: 70: 24)
en el complemento (E: \ world \ vue-demo \ node_modules \ autoprefixer \ lib \ autoprefixer.js: 81: 24)
en LazyResult.run (E: \ world \ vue-demo \ node_modules \ postcss \ lib \ lazy-result.js: 277: 20)
en LazyResult.asyncTick (E: \ world \ vue-demo \ node_modules \ postcss \ lib \ lazy-result.js: 192: 32)
en LazyResult.asyncTick (E: \ world \ vue-demo \ node_modules \ postcss \ lib \ lazy-result.js: 204: 22)
en E: \ world \ vue- demo \ node_modules \ postcss \ lib \ lazy-result.js: 197: 27
en <anónimo>
@ ./node_modules/vue-style-loader!./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id ":" data-v-7ba5bd90 "," alcance ": falso," hasInlineConfig ": falso}! ./ 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 (paquete web) -dev-server / client? Http: // localhost : 8099 paquete web / hot / dev-server ./src/main.js
error en ./src/components/HelloWorld.vue
Error de compilación del módulo: BrowserslistError: E: \ world \ vue-demo contiene tanto browserslist como
package.json con los navegadores
en E: \ world \ vue-demo \ node_modules \ browserslist \ node.js: 189: 15
en eachParent (E: \ world \ vue-demo \ node_modules \ browserslist \ node.js: 43: 18)
en Object.findConfig (E: \ world \ vue-demo \ node_modules \ browserslist \ node.js: 172: 20)
en Object.loadConfig (E : \ world \ vue-demo \ node_modules \ browserslist \ node.js: 126: 37)
en browserslist (E: \ world \ vue-demo \ node_modules \ browserslist \ index.js: 194: 22)
en Browsers.parse (E : \ world \ vue-demo \ node_modules \ autoprefixer \ lib \ browsers.js: 61: 16)
en nuevos navegadores (E: \ world \ vue-demo \ node_modules \ autoprefixer \ lib \ browsers.js: 52: 30)
en loadPrefixes (E: \ world \ vue-demo \ node_modules \ autoprefixer \ lib \ autoprefixer.js: 70: 24)
en el complemento (E: \ world \ vue-demo \ node_modules \ autoprefixer \ lib \ autoprefixer.js: 81: 24)
en LazyResult.run (E: \ world \ vue-demo \ node_modules \ postcss \ lib \ lazy-result.js: 277: 20)
en LazyResult.asyncTick (E: \ world \ vue-demo \ node_modules \ postcss \ lib \ lazy-result.js: 192: 32)
en LazyResult.asyncTick (E: \ world \ vue-demo \ node_modules \ postcss \ lib \ lazy-result.js: 204: 22)
en E: \ world \ vue- demo \ node_modules \ postcss \ lib \ lazy-result.js: 197: 27
en <anónimo>
@ ./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 (paquete web) -dev-server / client? http: // localhost : 8099 paquete web / hot / dev-server ./src/main.js
Debe ser la conciencia de que los archivos y paquetes relacionados con browsercraigslist y json no pueden existir al mismo tiempo. Espero poder ayudar a corregirlo ..
Entonces intente eliminar los archivos relacionados de browsercraigslist y ejecute npm run dev
Estoy muy feliz de resolver el problema y espero resolver el problema para más personas.
Puedes seguir mi cuenta pública