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

咱们直接进入主题

昨天我刚使用完 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 样式的原因,

问题完美解决 ,

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/m0_48557659/article/details/127282606