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重跑項目即可。