vue报错You are using the runtime-only build of Vue where the template compiler

使用ant design vue的单元格编辑时候,报以下错误 (项目用的的是vue-cli3.0)

网上搜索发现这跟vue的构建版本有关

在项目配置的时候,默认 npm 包导出的是运行时构建,即 runtime 版本,不支持编译 template 模板

vue 在初始化项目配置的时候,有两个运行环境配置的版本:Compiler 版本、Runtime 版本

两种区别:

前者可以对 template 模板内容进行编译,后者使用 vue-loader 加载.vue 文件(组件文件)时,webpack 在打包过程中对模板进行了渲染

解决方式:

在vue.config.js中设置runtimeCompiler为true

module.exports = {
    runtimeCompiler: true, //设置为true
    devServer: {
        port: 3000,
        proxy: {
            'page/*': {
                target: baseurl,
                changeOrigin: true
            },
            'logout': {
                target: baseurl,
                changeOrigin: true
            },
            'api/*': {
                target: baseurl,
                changeOrigin: true
            }
        }
    }
}

  

posted @ 2021-05-10 09:35  紫诺花开  阅读(525)  评论(0)    收藏  举报