El problema de npm run dev report error Después de que falla el inicio, hay un problema con el informe de error de archivo relacionado con BrowserslistError

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

Supongo que te gusta

Origin blog.csdn.net/youyouxiong/article/details/82053613
Recomendado
Clasificación