项目遇见的问题:使用Tinymce富文本编辑器时,图标消失不见,控制台提示:icons.js
文件中Uncaught SyntaxError: Unexpected token <:
报错
因为这个富文本编辑器是从其他项目直接移植过来的,所以在排除了版本号、代码规范等等问题后,只能直接看node_modules
包里本身的源码。
翻了一下还真在node_modules/tinymce/icons/default/index.js
文件里找到了一句话:
// Exports the "default" icons for usage with module loaders
// Usage:
// CommonJS:
// require('tinymce/icons/default')
// ES2015:
// import 'tinymce/icons/default'
于是回到引用组件,在import ‘tinymce/themes/silver’
下面又加了一句import ‘tinymce/icons/default’
import tinymce from 'tinymce/tinymce'
import tEditor from '@tinymce/tinymce-vue'
// 编辑器插件plugins
import 'tinymce/themes/silver'
import 'tinymce/icons/default'
// 如果还是不好使的话就改成
// import 'tinymce/icons/default/icons'
完美解决。
评论
棒 ! 解决了
node_modules/tinymce 下没有icons文件夹怎么办呀 tinymce 版本是5.1.2
感谢你分享的经验,我遇到同样的问题,通过你提供的方法解决了,谢谢。