image.png

原因分析：vue有兩種形式的代碼 compiler（模板）模式和runtime模式（運行時），vue模塊的package.json的main字段默認(rèn)為runtime模式， 指向了"dist/vue.runtime.common.js"位置
解決方法一、
報錯后main.js代碼：
import App from './App'
import router from './router'

const app = new Vue({
    el: '#app',
    router,
})
app.$mount()

解決方法：

new Vue({
    router,
    render: h=>h(App)
}).$mount('#app')

解決方法二：
webpack配置文件中別名配置添加
'vue$': 'vue/dist/vue.esm.js',指定文件位置

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
    }
  },