使用报错，麻烦尽快看下，急用谢谢

[wxxcarl]

Vue版本：2.1.8 vue-html5-editor版本：1.1.1

[llk2yq]

代码呢？相关代码贴一下。

[yujinjin]

@YYQ8023 `我的也报同样错误，具体是用在单页里，把组件再封装了一层，直接用是没有问题的，我猜应该是初始化是该组件还未插入到dom里引起的。

[llk2yq]

@yujinjin 我不知道你们是怎样引用的。我是这样的：首先在main.js（如果是vue-cli项目）里引用，并加入配置参数，如下图： 下面的配置没截图，因为都差不多。然后根据配置里的name： 在具体的组件里引用，例如： <editor @change="editorit" :content="description" :height="100" :z-index="1000" :auto-height="true" :show-module-name="true"></editor>

[yujinjin]

@YYQ8023 没想到你回复的这么快，我的项目框架用的是webpack2+vue2+router2+elemeUI，我是这么引用的， 在全局定义一个自定义的组件 在页面具体使用如下：

[llk2yq]

@yujinjin 传说中的Hbuilder！你在main.js中定义一样是全局的！是不是你的项目很复杂啊，不然按我说的那样引入很简单啊，就引入然后在组件里使用，像你这样反而让事情变复杂了。还有你在你的自定义组件里，也要引入vue，然后vue.use一下吧。反正如果可以你试着按我说的那样写写看。

[yujinjin]

我刚刚试了一下，直接在main里面use，在页面里使用还是报错了。 直接在页面里这样用是没有问题，估计是使用router单页导致的问题，我现在正在看你的源码。 直接在页面里用如下：

[llk2yq]

@yujinjin 我贴一下我代码的截图。我用的是vue-cli构建的项目，也是单页应用。 首先是入口main.js引入编辑器： 箭头指的是作为一个组件使用时的名字。 main.js的vue根实例： 然后再需要使用的组件中使用，（无需import，因为已经全局注册了。） xxx.vue里使用编辑器：

[yujinjin]

@YYQ8023 我找到问题了，webpack的vue编译问题！ 原因是vue的webpack默认是dist/vue.runtime.common.js，而你写的代码用需要用template compiler。所以还得需要import compiler.js。 虽说在webpack里配置一下（如下），但还是觉得不舒服，我想这个坑肯定还会有其他人踩的，如果能改进一下最好。 感谢你提供这么优秀的插件！ alias: { 'vue': 'vue/dist/vue.js' }

[llk2yq]

@yujinjin 我不是作者哦，我也是伸手党呢。你是自己构建的项目是吧，为啥不用vue脚手架工具呢。

[yujinjin]

@YYQ8023 vue脚手架工具配置文件太多了我觉得没必要。而且提供的webpack还是1，现在都到3了。

[beclass]

求助，我用的element， 也和楼上报一样的错，

[beclass]

@YYQ8023 你的那个报错解决了吗？

[CodeInn1024]

@laiyiyi 你解决了吗，我也是这样啊

[iboying]

Vue 2.0+

Vue-cli 3.0+

Related link : https://cli.vuejs.org/config/#runtimecompiler

1. Create a file named vue.config.js;
2. Enable runtimeCompiler:

module.exports = {
  runtimeCompiler: true,
};

3. Restart you local server and the problem has gone.

Vue-cli 2.0+

Related link: https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-only

1. Follow the document and edit webpack.base.conf.js file;
2. Restart local server.

[guowenzhuang]

Vue 2.0+

Vue-cli 3.0+

相关链接：https：//cli.vuejs.org/config/#runtimecompiler

1. 创建一个名为vue.config.js;
2. 启用runtimeCompiler：

模块。exports  = {
  runtimeCompiler ： true，
};

1. 重新启动本地服务器，问题已经消失。

Vue-cli 2.0+

相关链接：https：//vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-only

1. 按照文档和编辑webpack.base.conf.js文件;
2. 重启本地服务器。

正解 希望官方在文档里说明下 我的项目是vuecli3 引入就会出现上面类似的问题

[Zhangbansen]

我使用的是vue-cli构建项目的，按照方法使用vue-html5-editor报如上错误！