轉(zhuǎn)載至https://blog.csdn.net/anzhang110/article/details/107100880/
1.錯(cuò)誤截圖
image.png
使用命令 npm run serve 后卖子，項(xiàng)目可正常啟動(dòng)声邦，控制臺(tái)未報(bào)錯(cuò)欢唾，可是在瀏覽器中輸入地址訪問時(shí)殴玛，發(fā)現(xiàn)頁面空白贸街，F(xiàn)12查看控制臺(tái)發(fā)現(xiàn)輸出如上錯(cuò)誤警告穷绵。
原因分析
vue有兩種形式的代碼模式带斑，即compiler（模板）模式和runtime模式（運(yùn)行時(shí)）席噩，package.json的main字段默認(rèn)為runtime模式模捂， 指向了"dist/vue.runtime.common.js"位置捶朵。而我的main.js中引入了template，這種屬于compiler模式狂男，所以就報(bào)出了如上的錯(cuò)誤提示综看。
解決方法
方法一：
修改main.js,修改后代碼如下:
new Vue({
el: '#app',
// store,
router,
render: h =>h(App)
}).$mount("#app")
方法二：
在main.js 中重新引入vue；
import Vue from 'vue/dist/vue.esm.js'
方法三：
修改webpack.conf.js文件中vue所指向的js岖食；
configureWebpack: {
resolve: {
alias: {
'vue$': 'vue/dist/vue.esm.js'
}
}
方法四：
在webpack.conf.js 中修改如下配置：
module.exports = {
runtimeCompiler: true,
......
