关于npm install @tinymce/tinymce-vue -S报错的解决办法

最新推荐文章于 2025-03-19 17:15:10 发布
最新推荐文章于 2025-03-19 17:15:10 发布
阅读量8.8k 收藏 11
点赞数 13
分类专栏： 错误 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44967580/article/details/115353981
版权
在尝试将tinymce与Vue2.0结合时遇到npm安装错误。问题源于版本不兼容：Vue2需用`@tinymce/tinymce-vue@^3`，Vue3则需`@tinymce/tinymce-vue@^4`。正确输入对应命令后，成功安装。详细解决方案可在官方文档中找到。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

报错如图：

当我们想使用vue整合tinymce富文本编辑器时，cmd输入
npm install @tinymce/tinymce-vue -S报错：
在这里插入图片描述

报错原因：

报错的原因是下载版本与vue的版本对不上
vue2.0版本应该使用

npm install --save "@tinymce/tinymce-vue@^3"

vue3.0版本应该使用

npm install --save "@tinymce/tinymce-vue@^4"

我的是2.0版本，此时我输入第一条命令就能成功的安装
在这里插入图片描述

更详细的在官网里写有，点击这里进入官网

Vue项目使用富文本之tinymce-vue
盖世小可爱的博客
08-02 546
tinymce-vue包的版本 4支持 Vue.js 3.x，但不支持 Vue.js 2.x。对于 Vue.js 2.x 应用程序，请使用tinymce-vue版本 3
npm install之后出现Error While resolving: @tinymce/tinymce-vue@4.0.7 npm ERR! Found: vue@2.6.10
Marveltonny的博客
06-16 3021
npm install报错
Vue中引用富文本编辑器（tinyMCE）
最新发布
qq_37559701的博客
03-19 166
在plublic/tinymce文件夹下创建langs文件夹,并在langs文件夹下创建zh_CN.js ,直接复制以下内容到文件zh_CN.js 中。2、将node_modules/tinymce 文件夹下的plugins文件夹和skins文件夹直接复制到 public/tinymce目录下。4.src/components文件夹中封装editor组件（MyEditor/index.vue）1、安装TinyMCE。5.引用组件的父页面。
终端运行npm install @tinymce/tinymce-vue -S报错的解决办法
默然相爱鱼鱼鱼的博客
09-16 1840
我的是2.0版本，此时我输入第一条命令就能成功的安装。用vue整合tinymce富文本编辑器，报错。报错的原因是下载版本与vue的版本对不上。更详细的在官网里写有，点击。vue2.0版本应该使用。vue3.0版本应该使用。
Vue2.x安装Tinymce依赖冲突解决
无痕坚守本心的博客
04-01 826
tinymce安装依赖冲突解决
vue之富文本插件 tinymce-vue
kbdmy的博客
10-09 1301
先安装下载 npm install --save @tinymce/tinymce-vue npm install --save tinymce 并且在public下创建tinymce文件夹 在这里我们使用中文语言包语言包下载然后把压缩包解压到tinymce文件夹下，然后在node_modules 中找到 tinymce/skins目录，将其复制到static\tinymce目录下面 初始化tinymce-vue import tinymce from 'tinymce/tinymce' impor
Vue报错：Can‘t resolve
热门推荐
m0_57434037的博客
01-20 3万+
1.vue配置路由如果出现can not resolve“@src/test/demo”,那极有可能你的路径写错了，或者路径和上面的写重复了，检查路径 2.引用路径时，文件后缀.js/.vue什么的没有写全
To install them, you can run: npm install --save @tinymce/tinymce-vue tinymce/plugins/image tinymce/plugins/lists tinymce/plugins/media tinymce/plugins/table tinymce/plugins/wordcount tinymce/themes/silver tinymce/tinymce
03-11
npm install --save @tinymce/tinymce-vue tinymce ``` 为了确保能够正常使用特定的功能模块与silver主题，在安装基础包之后还需要额外引入这些组件。这一步骤并非通过npm直接完成，而是在JavaScript文件里显式导入...
@tinymce/tinymce-vue
09-14
npm install @tinymce/tinymce-vue ``` 然后，可以在 Vue 组件中引入并使用 TinyMCEVue 组件： ```javascript import { Editor } from '@tinymce/tinymce-vue'; export default { components: { 'tinymce-...
code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: element_back@1.0.0 npm ERR! Found: vue@2.7.14 npm ERR! node_modules/vue npm ERR! vue@"^2.5.2" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer vue@"^3.0.0" from @tinymce/tinymce-vue@4.0.7 npm ERR! node_modules/@tinymce/tinymce-vue npm ERR! @tinymce/tinymce-vue@"4" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! npm ERR! For a full report see: npm ERR! C:\Users\72166757\AppData\Local\npm-cache\_logs\2023-07-12T03_15_21_058Z-eresolve-report.txt
07-13
你可以在 package.json 文件中修改 @tinymce/tinymce-vue 的版本号，然后重新运行 npm install 命令。 3. 使用 --force 或 --legacy-peer-deps 参数：如果你确定依赖关系不会导致冲突或破坏项目，你可以尝试在运行 ...
vue3中使用tinyMCE
07-01
npm install vue-tinymce-plugin --save ``` 安装完成后，接下来我们需要在Vue组件中引入TinyMCE。Vue3的`setup`函数是用于组件初始化的地方，我们可以在这里设置TinyMCE的配置。首先，导入TinyMCE： ```...
@tinymce/tinymce-vue自定义
12-28
npm install --save "@tinymce/tinymce-vue@^4" ``` #### 配置 Tinymce 编辑器选项 TinyMCE 提供了丰富的编辑器配置项，允许开发者根据需求调整功能特性。这些配置可以通过 props 属性传递给 `<editor>` 组件。 ``...
tinymce-vue使用本地tinymce依赖解决方案
D_wang1的博客
05-12 1361
tinymce-vue使用本地tinymce依赖。 汉化包使用 我们需要修改这四个文件中的地址。
vuecli3.x使用tinymce的步骤
Caroline_cai的博客
04-20 633
前言： 本文章是网上看到的，适用我的vue版本，不会报错，所以记录一下，仅作为笔记翻阅 1、安装依赖 npm install @tinymce/tinymce-vue@3.2.2 tinymce@5.3.1 -S 2、找到node_modules中的skins文件夹，然后在项目中的public下新建tinymce文件夹，然后将刚刚找到的整个skins文件夹拷贝到public的tinymce目录下。 接着去官网下载语言包，解压，将langs文件夹拷贝到public的tinymce文件夹下(和skins文
vue中使用Tinymce编辑器
qq_36589399的博客
02-20 1164
首先安装所需的两个包 npm install tinymce -S npm --save @tinymce/tinymce-vue 查看vue-cli脚手架版本号 vue -V npm list --depth=0 -g 根据vue-cli版本号进行以下操作 复制内容和样式包 ① 在 node_modules 文件夹中找到 tinymce/skins 文件，进行复制；如果vue-c...
vue3 中 tinymce+tinymce-vue 富文本编辑器使用
YY11230的博客
02-01 483
vue3 中 tinymce+tinymce-vue 富文本编辑器使用
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值