vue - marked 解析插件报错：marked__WEBPACK_IMPORTED_MODULE_5___default(...) is not a function（完美解决marked报错）

已于 2025-01-15 17:09:58 修改
阅读量6k 收藏 8
点赞数 18
CC 4.0 BY-SA版权
分类专栏： 前端组件与功能(开箱即用) 前端常见问题解决 文章标签： vue marked markdown解析插件 vue使用marked引入报错 marked控制台报错解决 marked__WEBPACK vue2 vue3报错解决方案
于 2023-12-18 21:09:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50545213/article/details/135071785
在Vue2和Vue3项目中使用marked解析Markdown时遇到TypeError错误。解决方法是改变导入方式，使用`import { marked } from 'marked'`代替`import marked from 'marked'`，这是因为marked内部结构变化，需按需导入。

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

报错信息

在vue2 / 3 项目中，使用marked插件解析markdown内容时，浏览器控制台报错：

TypeError: marked__WEBPACK_IMPORTED_MODULE_5___default(…) is not a function

在这里插入图片描述

解决报错

按照

了解本专栏 订阅专栏 解锁全文
vue2/3 - 报错Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a funct
高级前端工程师
07-02 2125
vue2，vue3，router，路由，报错，vue-router，vue报错Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a function，解决vue错误，vue3 router报错Uncaught TypeError，如何解决这个报错，vue报错，vue运行报错，vue编译，vue项目启动时报错，页面白屏，解决vue引入模块时的报错，vue路由报错，vue-router引入失败且页面
正确解决TypeError: xxx is not a function异常的有效解决方法
热门推荐
wbajsjhhhhh的博客
05-03 1万+
正确解决TypeError: xxx is not a function异常的有效解决方法
报错 - 使用marked报错 marked__WEBPACK_IMPORTED_MODULE_4___default(...) is not a function
sunshime的博客
02-22 8567
  今天在vue项目中需要用到 marked 插件来解析markdown类型的内容 ，发现直接使用默认的方式 import marked from 'marked' 导入提示这个报错： marked__WEBPACK_IMPORTED_MODULE_4___default(...) is not a function，通过多次尝试解决，发现其实解决方法很简单，只需要将使用es6解析marked即可，即 import { marked } from 'marked' 。 一、报错   使用marked插件的
Marked.js 高级使用指南：实例化、选项配置与扩展应用
最新发布
gitblog_00832的博客
05-30 740
Marked.js 高级使用指南：实例化、选项配置与扩展应用 一、Marked 实例化机制解析 默认情况下，Marked 会将选项和扩展存储在全局作用域中。这意味着在一个脚本中修改选项会影响到其他脚本，因为它们共享同一个实例。 创建独立实例 为了避免污染全局作用域，我们可以创建新的 Marked 实例： import { Marked } from 'marked'; const marked =...
Uncaught TypeError: marked is not a function
furfur-jiang的博客
11-08 1479
使用marked包发生的报错： Uncaught TypeError: marked is not a function 版本4.0.0 问题：应该新版本出现问题 解决：回退到版本3.0.8 npm uninstall marked npm install marked@3.0.8
【解决安装的marked包运行显示marked is not a function的问题】
lt012345的博客
12-07 5241
【解决安装的marked包运行显示marked is not a function的问题】 这是npm包管理工具部分的练习，安装marked并进行测试查看效果。 按照步骤，我正确安装了marked，但在测试中报错：marked is not a function。 在自己能力范围内，并没有找到出错的原因，步骤都是按照视频流程进行的，感觉是无误的。最后请教老师，才解决了问题。 解决方法： 一：对exports进行说明： exports对象是当前模块的导出对象，⽤于导出模块公有⽅法和属性。 别的模块通过r
使用Marked库出现bug：Uncaught TypeError: marked is not a function at ＜anonymous＞:1:14
shiny_sai的博客
04-09 6886
直接引用marked.js到<script>标签，结果console出现errors: marked is not a function 尝试解决方案: 1. 怀疑可能时marked.js版本不合适，于是换版本，更改marked.js的引用url路径为https://unpkg.com/marked@4.0.13/lib/marked.umd.js 无效 2. 查看Marked官方文档 试用了上述引用，仍然无效，所以，肯定不是引用的问题，接着看下去。 3. marked is not a
vue项目打包报错是marked版本搞的鬼？
divlingder的博客
05-09 1536
再npm run build:dev 发现还是报上面那个错，于是网上一查说要配置一下vue.config.js和babel。记一次处理打包时候报错的处理经过，加深一下印象，以后遇到此类的报错问题可以想到这次的处理报错的经历。
vue - marked 解析插件报错：marked__WEBPACK_IMPORTED_M
03-15
好的，用户遇到了在Vue中使用marked解析插件时出现的Webpack相关错误，具体是`TypeError: __WEBPACK_IMPORTED_MODULE_1_vuex__.a.store is not a constructor`。首先，我需要分析这个错误的原因。根据引用[2]，这个...
Uncaught TypeError: antd_es_form__WEBPACK_IMPORTED_MODULE_9__.default.create(...) is not a function
weixin_40460171的博客
12-30 3236
报错信息 login.jsx:111 Uncaught TypeError: antd_es_form__WEBPACK_IMPORTED_MODULE_9__.default.create(...) is not a function 网上查到的解法一 原因：由于antd的版本导致 解决：package.json文件下的antd版本号修改为3.26.14 我的版本【“antd”: “^4.9.4”,】 网上查到的解法二 Ant Design 4.0 对Form进行了修改，已经不使用 Form.c
使用 Vue3 + vite + elementUI 开发一个 Utools Markdown 编辑器插件
JeffreyWang的技术博客
08-12 2923
文章目录目的开发文档整理基础工具的集成初始化项目框架引入按需引用和 SASS引入验证utools 开发配置调试和打包插件功能实现依赖库的安装调用布局实现Editor.vue调用 utools 能力做保存preload.jsApp.vue打包 upx 或发布到插件中心常见问题和总结 目的 博主个人已经用了很久的 Utools 了，会员也续到了 2024 年，它跟随博主从 Deepin 到 Manjaro，再到 Windows 再到 MacOS，在很多场景下都非常方便，比如选中文本中键翻译、复制 JSON 后.
ollama+springboot ai+vue+elementUI整合
雨季的博客
11-12 3345
如果没有模型，首先自动尝试拉镜像，如果需要手动拉取镜像，执行ollama pull qwen2.5命令。上述命令执行完毕后，我们就可以直接使用大模型。接着启动项目，如果项目启动失败，删除package-lock.json文件和node_modules目录，执行npm install，然后启动项目。(2) 优先采用流式数据返回，因为它响应速度较快，并且由于restful返回的结果是md格式的数据，所以，首先集成对md的支持。接着，我们拉一个大模型，这里以阿里qwen2.5为例，更多模型可以从。
vue2使用marked报错解决
qq_35643554的博客
02-21 1763
babel.config.js配置 如果上面的vue.config.js 设置了只编译marked,不会出现这个页面控制台报错 重新启动，终端不报错，浏览器控制台也不报错了
marked is not a function问题解决
山有木兮的博客
11-25 1064
marked is not a function问题解决
bug收集：webpackMerge is not a function
zhizhixiaoxiao的专栏
03-05 467
报错：webpackMerge is not a function 原因：学习视频照抄的代码，应该是组件有升级， require('webpack-merge') 是对象 ，不是函数。 解决：改为下面两种写法：
TypeError: webpackMerge is not a function
lzc2644481789的博客
08-05 7758
一、错误信息： 二、场景： 在使用CommonJs导入一个安装好的webpack-merge的时候报了这个错，这是源代码： 报错提示说WebpackMerge不是一个函数，此时我就想它会不会是一个对象或者类，于是乎我改成了这样： 重新打包，错误解决，其实我也不知道有merge，但是我现在想要实现的功能就是合并js文件，merge的意思就合并，而且我明确的知道WebpackMerge不是函数了，那...
记一次使用create react app出现webpack is not a function的情况
萝卜园
07-16 1708
在CentOS 7下出现报错信息如下： [root@VM_15_35_centos /data0/www/kfe/my-reat/client]npm start > test@0.1.0 start /data0/www/kfe/my-reat/client > node scripts/start.js Failed to compile. webpack is not ...
vue使用marked解析markdown文本遇到的坑及解决方法
l1111yz的博客
03-06 1万+
vue使用marked解析markdown文本遇到的坑及解决方法 1. 前言 最近在搭建自己的博客网站 https://lyuanzhi.com，不免遇到了要把markdown文本转化为html代码的问题（这里我把markdown文本全都放在数据库里面了，而不是用文件的形式，这样子方便许多），在进行网上冲浪后，我决定用marked这个插件来实现这个功能。 2. 下载marked及相关依赖 总共有三个东西要下载，markdown-loader、html-loader、marked npm i markdown
【marked is not a function】解决百度脑图“kityminder”备注报错
q582975598的专栏
06-28 456
marked is not a function
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

十一猫咪爱养鱼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值