原因：

因為你的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重跑專案即可。