chalk 5.x版本导致webpack打包backend报错

原创已于 2022-12-16 02:30:53 修改 · 724 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#webpack #前端 #javascript

于 2022-12-15 16:26:40 首次发布

学习笔记专栏收录该内容

70 篇文章

订阅专栏

本文介绍了解决Webpack打包过程中因chalk更新至5.2.0版本而导致的错误。主要错误在于新版chalk不再支持通过require方式加载，推荐使用动态import。文章提供了具体的错误信息及修复步骤。

用Webpack打包Backend时报错，日志如下：

module.exports = require("chalk");
                 ^

Error [ERR_REQUIRE_ESM]: require() of ES Module /Users/yourname/Workspace/backend/node_modules/chalk/source/index.js from /Users/yourname/Workspace/backend/dist/app.js not supported.
Instead change the require of index.js in /Users/yourname/Workspace/backend/dist/app.js to a dynamic import() which is available in all CommonJS modules.
    at Object.chalk (/Users/yourname/Workspace/backend/dist/app.js:349:18)
    at __webpack_require__ (/Users/yourname/Workspace/backend/dist/app.js:533:41)
    at eval (webpack://rsg-backend/./src/logger/index.js?:9:63)
    at Object../src/logger/index.js (/Users/yourname/Workspace/backend/dist/app.js:139:1)
    at __webpack_require__ (/Users/yourname/Workspace/backend/dist/app.js:533:41)
    at eval (webpack://rsg-backend/./src/main.js?:20:74)
    at Object../src/main.js (/Users/yourname/Workspace/backend/dist/app.js:149:1)
    at __webpack_require__ (/Users/yourname/Workspace/backend/dist/app.js:533:41)
    at /Users/yourname/Workspace/backend/dist/app.js:585:37
    at Object.<anonymous> (/Users/yourname/Workspace/backend/dist/app.js:587:12) {
  code: 'ERR_REQUIRE_ESM'

查了一下是chalk升级到最新版本5.2.0，回退版本解决。

先remove