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 样式的原因,

问题完美解决 ,

在这里插入图片描述

  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值