项目遇见的问题:使用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'

完美解决。