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,
}