未捕获类型错误：__webpack_require__.r 不是 ./node_modules/grapesjs/dist/grapes.mjs （grapes.mjs：1：1） at __webpack_require__ （bootstrap：789：1） at fn （bootstrap：150：1） at ./src/Demo/Templates/TextEditor.js （Templates.js：31：1） __webpack_require__at fn （bootstrap：150：1） at ./src/Demo/Templates/Templates.js （Templates.css：45：1） at __webpack_require__ （bootstrap：789：1） at fn （bootstrap：150：1）

Question

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ 版本 123.0.6312.123可复制演示链接 未捕获类型错误：_webpackrequire_.r 不是 ./nodemodules/grapesjs/dist/grapes.mjs （grapes.mjs：1：1） 在 _webpackrequire （bootstrap：789：1） at fn （bootstrap：150：1） 在 ./src/Demo/Templates/TextEditor.js （Templates.js：31：1） 在 webpackrequire （bootstrap：789：1） at fn （bootstrap：150：1） 在 ./src/Demo/Templates/Templates.js （Templates.css：45：1） 在 webpackrequire__ （bootstrap：789：1） at fn （bootstrap：150：1）描述一下那个虫子 如何复现这个漏洞？...... 预期的行为是什么？ ... 目前的行为是什么？ .....

Mustufask · Accepted Answer

@artf请帮我解决这个问题，因为这个节点模块文件不允许 Grapesjs 在我的基于 react 的环境中工作 项目

artf · Answer

相关讨论 https://github.com/GrapesJS/grapesjs/discussions/5400 请在开启问题前使用搜索功能。

GJS Helper · Answer

你遇到的Uncaught TypeError: _webpackrequire.r is not a function错误是Webpack常见的特有问题，涉及其处理ES模块（以.mjs结尾的文件）及其内部模块互操作逻辑。webpackrequire.r函数是Webpack的辅助工具，用来标记模块为ES模块（例如，Object.defineProperty(exports, 'esModule', { value: true });）。当该函数被报告为not a function时，通常意味着Webpack的运行环境没有正确设置，或不同模块类型的解析方式存在冲突。 根本原因： 你的import grapesjs from "grapesjs";语句，在现代 JavaScript 环境中（尤其是 Webpack 5+）中，由于 GrapesJSpackage.json 中的 exports 字段（"exports": { ".": { "import": "./dist/grapes.mjs", "require": "./dist/grapes.min.js" } }）很可能会被解析为...

问题

回答（3）

相关问答

每次重载后，CSS 类都会被移除，并且每个 HTML 标签的自动生成 ID（例如：ivj5m-2）都会被更改

导出“default”，但“backbone”中找不到（模块没有导出功能）

The documented way to parse @keyframes does not work

在为 HTML 组件添加边界样式时，css json 只抓取边界选择器，却不抓取 border-width、border-style、border-colorBUG 的选择器：

与此问题匹配的付费插件

相关教程

Introducing Search on GJS.Market

2026年构建一个SaaS页面构建器需要多少钱？

PageKit：你无论如何都得自己开发 GrapesJS 应用

浏览插件分类