vue项目出现空格警告的原因及其解决办法

原因：

因为你的Webpack 配置中大概是使用了 eslint-loader，这是用来规范代码风格的，在多人协作或大项目中推荐使用，不想要则可以在 webpack.config.js 中去掉。eslint是语法检查工具，但限制太过于严格，作为开发人员，大部分人还是无法适应这种限制的，所以如果不想看到过多的警告出现，就可以用以下的解决方法。

解决办法：

找到build->webpack.base.config.js。注释或者去掉下图代码。

const createLintingRule = () => ({
    //ESLint是用来规范代码风格的,在多人协作或大项目中推荐使用,注释掉可以防止出现语法警告
//     test: /\.(js|vue)$/,
//     loader: 'eslint-loader',
//     enforce: 'pre',
//     include: [resolve('src'), resolve('test')],
//     options: {
//         formatter: require('eslint-friendly-formatter'),
//         emitWarning: !config.dev.showEslintErrorsInOverlay
//     }
})

修改完成后，再重新npm run dev重跑项目即可。