Vue报 the template compiler is not available

在使用antv 的 X6的vue-shape组件时,报一个警告错误:You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.

原因:

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

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

其主要区别在于:

    1、Compiler 版本:

         可以对 template 模板内容进行编译(包括字符串模板和可以绑定的 html 对象作为模板),例如:

new Vue({
  el: "#x6",
  template: "<div>{
   
   {msg}}</div>",
  data: {
    msg: "x6"
  }
});

    2、Runtime 版本:

          使用 vue-loader 加载.vue 文件(组件文件)时,webpack 在打包过程中对模板进行了渲染。

解决办法:

// vue.config.js
 
module.exports = {
  runtimeCompiler: true,
}

猜你喜欢

转载自blog.csdn.net/saperliu/article/details/111474033