tinymce 使用 报错 icons.js Unexpected token ‘＜‘

Posted 2022-10-15 啥也不会ln

咱们直接进入主题

昨天我刚使用完 tinymce 就直接运用到了项目上 ，本来在本地跑的好好的项目 ，一到线上直接死 ，搞得我很心烦

看我遇到的问题

图标丢失了

控制台报了一个

直接蒙了 什么鬼东西 ，本地跑的好好的一到线上 直接死，我直接就是 一顿百度 可是让我找到了，

原来是 他自己的图标样式， 没有引入进来，引入进来就OK楼，

然后直接开始 CTRL C + V

import 'tinymce/skins/content/default/content.css'
import 'tinymce/themes/silver/theme.min.js'
import 'tinymce/icons/default/icons'

问题解决 浏览器不报错了 ，直接打不开了 说我没有 icons/default/icons 让我 npm run 一下，

我去 我在傻 也不肯能去 npm 这玩意 一看他就不是 一个能 npm 的玩意，我直接头大，可是我百度的就是让我 CTRL C + V 就解决了，为啥到我这里就不好使了呢？ 然后我又去 node_node_modules 这个文件里找到tinymce 发现确实 没有 icons/default/icons 这个目录 什么鬼，然后反应过来了 我 npm 的版本 不一样 现在问题不久简单了 找的 有 icons 这个目录的版本 就可以解决了

VUE2 是这这个版本

"@tinymce/tinymce-vue": "^3.2.2",
 
"tinymce": "^5.4.1",

欧克 下载完 发现还真有 还真的是版本 的问题

改完之后 就OK了，直接开始 起飞，

上面引入的 css 样式 可以取消 不引用 ，我是用后给页面造成了不小问题，整个页面 发生了偏移 ，直接吐了，害的我一层层找了 好久 ，才发现 是这个 页面引入了这个 css 样式的原因，

问题完美解决 ，