vue引用tinymce时，报错UncaughtSyntaxError:Unexpected token

于 2024-08-20 18:38:10 发布
阅读量474 收藏 10
点赞数 5
分类专栏： vue 文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45016440/article/details/141365582
版权

        这是由于tinymce没有正确解析所致，在安装tinymce后，将node_modules目录下的tinymce内容复制到static文件夹下，然后在引用tinymce地方根据报错位置引用配置项文件，如果是plugins.js报错，将tinymce.init中plugins对应的文件引用上。

        如果引用文件配置完成后，没有报错，但是不显示内容，查看一下是不是样式没有正确引用进来，如果是，在js中引用对应的样式文件。

        例：

入门级前端开发
关注
专栏目录
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法
10-21
主要介绍了JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法,结合实例形式分析了javascript提示此类异常的常见原因与相关解决方法,需要的朋友可以参考下
tinymce富文本报错 Uncaught SyntaxError: Unexpected token ‘＜‘
大前端
11-17 4125
原因：鼠标放在 plugin.min.js:1 上，发现是找不到 lineheight 这个文件夹， 解决方法： 去掉plugins: "code,lineheight",中的 lineheight 属性 安装 lineheight 插件=> lineheight插件地址
在 Vue 项目中引入 tinymce 富文本编辑器报错
Lucky_Z1111的博客
02-12 1806
遇到的问题： 解决方案： 1、npm install tinymce -S 2、安装之后，在 node_modules 中找到 tinymce/skins 目录，然后将 skins 目录拷贝到 static 目录下 // 如果是使用 vue-cli 3.x 构建的 typescript 项目，就放到 public 目录下，文中所有 static 目录相关都这样处理 3、tinymce 默认是...
Vue2.x安装Tinymce依赖冲突解决
无痕坚守本心的博客
04-01 608
tinymce安装依赖冲突解决
JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法
11-24
本文实例讲述了JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法。分享给大家供大家参考，具体如下： Uncaught SyntaxError: Unexpected token ILLEGAL 未捕获的语法错误： 意想不到的非法令牌 如下图所示： 复制代码 代码如下:<input id=”btn_0_4EAE4F474C91156086C0D4EA7E983C69C215B649″ type=”button” value=”连接” onclick=”middleware_connect(0, 4EAE4F474C911560
谷粒学院使用富文本编辑器出现 Uncaught SyntaxError: Unexpected token ‘＜‘ 错误
qlyyyi的博客
04-13 530
使用富文本编辑器出现 Uncaught SyntaxError: Unexpected token ‘＜‘ 错误
vue引用tinymce出现Uncaught SyntaxError: Unexpected token 错误
热门推荐
weixin_44019248的博客
03-13 1万+
vue引用tinmce的步骤可以参考https://www.cnblogs.com/wisewrong/p/8985471.html网址 出现Uncaught SyntaxError: Unexpected token &amp;lt;错误的个人原因是因为网上 引用 import ‘tinymce/themes/modern/theme’ 这步和现版本安装的路径不对应， import ‘tiny...
react Tinymce富文本使用报错Uncaught SyntaxError: Unexpected token ‘＜‘
weixin_55014951的博客
04-02 3969
这个问题其实很简单就解决了,但我走了不少弯路,希望看到文章的兄弟们不要再踩坑了 首先,出现这个问题,应该是在把Tinymce本地化 其实这个东西本地化特别简单,网上有些过时的内容,写了一大堆,把我坑惨了 下载文件都一样的,不再多说 从引入文件开始 解压之后把文件里的那个tinymce文件放public 然后在index.html加入 <script src="%PUBLIC_URL%/tinymce/tinymce.min.js"></script>
Vue中使用TinyMCE报错Uncaught SyntaxError: Unexpected token..及Cannot read property ‘init’ of undefined问题解决
小生的博客
06-05 5328
给后台管理系统添加描述功能，决定使用流行的TinyMCE富文本编辑器作为辅助插件。 按照网上的配置操作了一下测试的时候发现不能完整的显示编辑器，只有上传图片一个按钮： 打开F12查看报错信息如下： Uncaught SyntaxError: Unexpected token '<' ...... [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'init' of undefined" found in ---&g
解决vue打包后刷新页面报错：Unexpected token <
10-16
在使用Vue.js框架开发的项目中，打包后的静态文件部署到生产环境中时，遇到了页面刷新后报错“Unexpected token <”的问题。这个问题表明在解析index.html或者发生错误的页面时，解析器遇到了一个不符合预期的字符...
as3.0富文本，可以插入表情图片，图文并排
12-11
as3.0富文本，可以插入表情图片，图文并排，非常实用，将对应的swc导入即可用
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我...
解决vue打包后刷新页面报错：Unexpected token
12-12
今天遇到了一个很怪的问题，在vue-cli+webpack的项目中，刷新特定页面后页面会变空白，报错为index.html文件中Unexpected token <。 怪点一是开发环境没有问题，只有生产环境有问题，怪点二是只有一个页面有问题...
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错
10-17
主要介绍了vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
tinymce 使用 报错 icons.js Unexpected token ‘＜‘
m0_48557659的博客
10-12 1675
使用 tinymce 报错 icons.js Unexpected token '
富文本编辑器Tinymce vue3项目使用以及遇到的问题
HL0512的博客
05-11 1605
富文本编辑器Tinymce的使用以及使用过程中遇到的问题
vue 2.0项目中使用tinymce富文本框遇到的问题
nanupup的博客
06-24 639
富文本编辑器tinymce
Vue项目报错Uncaught SyntaxError:Unexpected token＜
最新发布
06-26
Uncaught SyntaxError: Unexpected token `<` 这个错误通常发生在JavaScript代码中，特别是当你尝试解析或执行HTML字符串时。这个错误意味着浏览器在JavaScript解析器遇到`<`符号时，它预期的是有效的JavaScript语法，但实际遇到了HTML标签的开始。 在Vue项目中，这可能是由于以下几个原因： 1. **Vue template混淆**：如果你的代码中有直接将HTML字符串插入到template标签中的情况，比如使用`v-html`或在JavaScript模板中，确保没有意外地混入了HTML标签，这些标签需要被转义或用`{{{...}}}`或`v-text`指令包裹。 2. **ESLint配置**：检查你的项目是否启用了HTML标签检测的规则，如vue-eslint-parser，可能会对某些不符合规范的HTML标签报错。 3. **服务器渲染错误**：在服务器端渲染（SSR）时，如果传递给客户端的HTML模板有误，也会导致此错误。确保在服务端和客户端渲染时使用的模板一致且正确。 4. **第三方库问题**：某些插件或库可能未正确处理HTML，导致意外的标签出现。 解决这个问题的方法包括检查代码中的HTML字符串，修复语法错误，关闭或调整eslint配置，以及确保所有的模板在所有环境下的编译是正确的。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值