vue 解决Failed to mount component: template or render function not defined

1 解决方案:

## 在webpack.config.js加上
...
resolve: {
     alias: {
         'vue$': 'vue/dist/vue.esm.js'
     }
 },
...
## 看看 vue的loader是否少了东西
module: {
        rules:[
            ...
            {
                test: /\.vue$/,
                loader: 'vue-loader',
                options: {
                    loaders: {
                        // Customize to your liking
                        js: 'babel-loader',
                        scss: [
                            'style-loader',
                            'css-loader',
                            'sass-loader'
                        ]
                    }
                }
            }
            ...
        ]
    },
    ...

2 错误原因:

高版本的vue默认是runtime版本,是不太编译器的,无法识别vue语法,需要在webpack配置带编译器的完整版本
vue 解决Failed to mount component: template or render function not defined_第1张图片
vue构建版本解释

你可能感兴趣的:(vue)