阿狗工具

image.png

原因分析：vue有两种形式的代码 compiler（模板）模式和runtime模式（运行时），vue模块的package.json的main字段默认为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'),
    }
  },