Vue中使用TinyMCE报错Uncaught SyntaxError: Unexpected token..及Cannot read property ‘init’ of undefined问题解决
给后台管理系统添加描述功能,决定使用流行的TinyMCE富文本编辑器作为辅助插件。按照网上的配置操作了一下测试的时候发现不能完整的显示编辑器,只有上传图片一个按钮:打开F12查看报错信息如下:Uncaught SyntaxError: Unexpected token '<'......[Vue warn]: Error in mounted hook: "TypeError: Cannot
·
给后台管理系统添加描述功能,决定使用流行的TinyMCE富文本编辑器作为辅助插件。
按照网上的配置操作了一下测试的时候发现不能完整的显示编辑器,只有上传图片一个按钮:
打开F12查看报错信息如下:
Uncaught SyntaxError: Unexpected token '<'
......
[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'init' of undefined"
found in
---> <Tinymce> at src\components\Tinymce\index.vue
<ElFormItem>
<ElForm>
<Info> at src\views\edu\course\info.vue
<AppMain> at src\views\layout\components\AppMain.vue
<Layout> at src\views\layout\Layout.vue
<App> at src\App.vue
<Root>
TypeError: Cannot read property 'init' of undefined
at VueComponent.initTinymce (index.vue?50bd:101)
at VueComponent.mounted (index.vue?50bd:84)
at callHook (vue.runtime.esm.js:2917)
at Object.insert (vue.runtime.esm.js:4154)
at invokeInsertHook (vue.runtime.esm.js:5956)
at VueComponent.patch [as __patch__] (vue.runtime.esm.js:6175)
at VueComponent.Vue._update (vue.runtime.esm.js:2666)
at VueComponent.updateComponent (vue.runtime.esm.js:2784)
at Watcher.get (vue.runtime.esm.js:3138)
at Watcher.run (vue.runtime.esm.js:3215)
这就很无语了,毕竟自己刚刚接触这一款插件,在网上找了很多资料也没有解决=,=
于是就抱着试一试的心态又走了一遍自己配置的文件
结果运气不错,在index.html中注意到了一件奇怪的事情:
引入的插件脚本竟然不知道资源url指向哪里!!!
回到webpack.dev.conf.js中查看定义的BASE_URL:
以及他实际的指向:
自己也的的确确定义了啊=,=
抱着试一试的态度把index.html中的BASE_URL改成了他所指向的路径:
再测试一下,竟然运行成功了!!!
问题虽然是解决了,但我还是有点不理解错的原因是啥。。。
为啥他就找不到我指定的url呢?
莫非是我用了<%= %>而导致的格式不规范?
如果有哪位大佬知晓的话还敬请告诉愚钝的小生啦(๑>ڡ<)☆
更多推荐
已为社区贡献3条内容
所有评论(0)