在vue-admin-template中使用tinymce报错

PanJiaChen / vue-element-admin

:tada: A magical vue admin https://panjiachen.github.io/vue-element-admin

MIT License

87.9k stars 30.46k forks source link

在vue-admin-template中使用tinymce报错 #2084

Open Shaun-Li opened 5 years ago

Shaun-Li commented 5 years ago

把该项目中的tinymce组件复制进vue-admin-template中，并且在vue.config.js中配置了cdn，在index.html也加了这段： `<% for(var js of htmlWebpackPlugin.options.cdn.js) { %>

<% } %>`

结果页面炸了，浏览器直接显示如下： Html Webpack Plugin: TypeError: Cannot read property 'js' of undefined

index.html:773 E:/VueWorkSpace/vue-admin-template2/public/index.html:773:46
index.html:780 ./node_modules/html-webpack-plugin/lib/loader.js!./public/index.html.module.exports E:/VueWorkSpace/vue-admin-template2/public/index.html:780:3
index.js:284 Promise.resolve.then [vue-admin-template2]/[html-webpack-plugin]/index.js:284:18
next_tick.js:68 process._tickCallback internal/process/next_tick.js:68:7

zhangruixue1 commented 5 years ago

我也是使用这个tinymce富文本报错，报错如下： TypeError: window.tinymce.init is not a function at VueComponent.initTinymce (index.vue?0a1b:125) at VueComponent.mounted (index.vue?0a1b:108) at invokeWithErrorHandling (vue.runtime.esm.js:1854) at callHook (vue.runtime.esm.js:4213) at Object.insert (vue.runtime.esm.js:3139) at invokeInsertHook (vue.runtime.esm.js:6340) at VueComponent.patch [as patch] (vue.runtime.esm.js:6559) at VueComponent.Vue._update (vue.runtime.esm.js:3942) at VueComponent.updateComponent (vue.runtime.esm.js:4060) at Watcher.get (vue.runtime.esm.js:4473)

实在不知道这个init函数在哪里配置的

Shaun-Li commented 5 years ago

@zhangruixue1 我一开始也是这个错，后来看了其他的issues，得知要做如下两步操作： 1.在vue.config.js中配置了cdn 2.在index.html加 <% for(var js of htmlWebpackPlugin.options.cdn.js) { %> <% } %>

但是，我这样做了，就出现了上面我提到的error

zhangruixue1 commented 5 years ago

@Shaun-Li 我刚才操作了你的那两步 index.html 会报错找不到js

zhangruixue1 commented 5 years ago

@Shaun-Li 把index.html里面的 <% for(var js of htmlWebpackPlugin.options.cdn.js) { %> <% } %> 换成直接引用cdn的js可以实现我刚试了不会报错，富文本也是完好的，你也可以试一下