Estoy migrando una aplicación de Vue 2 a 3. Después de un lío con muchos errores de dependencias entre pares, mi proyecto finalmente se desarrolla, pero la nueva versión de WebPack cree que el error de EsLint son errores reales y detiene la compilación si, por ejemplo, hay es una variable declarada pero no utilizada.
Soy consciente de que puedo deshabilitar ese comportamiento configurando el indicador failOnError en false . Pero no puedo averiguar dónde debo escribirlo. No tengo un archivo webpack.config.js , parece que Vue.JS lo maneja por mí, así que tengo el siguiente archivo vue.config.js :
const webpack = require('webpack') module.exports = { configureWebpack: { devtool: 'eval-source-map', plugins: [ new webpack.ProvidePlugin({ _: 'lodash' }) ] }, publicPath: '', pluginOptions: { cordovaPath: 'src-cordova' }, devServer: { https: false } } ¿Es el lugar correcto? ¿Debo crear un archivo webpack.config.js ?
PD: Si necesita más información, simplemente deje un comentario :)
En un proyecto con scaffolding de Vue CLI 5 (con Webpack 5), puede deshabilitar el EslintWebpackPlugin de failOnError a través de la opción chainWebpack de Vue CLI.
En chainWebpack(config) , use config.plugin('eslint') para obtener EslintWebpackPlugin .
Encadene una .tap(args) para modificar los argumentos del complemento ( args es una matriz de objetos en este caso). El primer argumento es el objeto de opciones para el complemento . Establezca la propiedad failOnError de ese objeto en false :
const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ chainWebpack(config) { config.plugin('eslint') .tap(args => { args[0].failOnError = false return args }) }, })