使用 Ant Design 构建纱线失败

Posted

技术标签:

【中文标题】使用 Ant Design 构建纱线失败【英文标题】:Yarn build failed with Ant Design 【发布时间】:2020-06-18 19:44:59 【问题描述】:

我打算重新部署一个 web 应用程序,所以我试图运行 yarn build,它遇到了这个错误。

我用的是Ant Design,之前也做过yarnject,google了下还是不行,有没有遇到过这个是错误的?有什么解决办法吗?谢谢!

yarn run v1.22.0
$ react-app-rewired build
Creating an optimized production build...
Failed to compile.

./node_modules/antd/es/style/index.less
TypeError: this[MODULE_TYPE] is not a function


error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

【问题讨论】:

【参考方案1】:

即使我也面临同样的问题。我的问题是我与 Ant Design 版本混淆了。 Ant v4.x 是最近发布的,所以我使用组件没有检查版本。所以,尝试使用相同版本的组件,看看它是否有效!。

【讨论】:

【参考方案2】:

好的,所以对于可能遇到相同问题的任何人,您需要删除 react-rewire 并按照 Ant.Design Doc 中显示的从 V3 迁移到 V4,然后应该没问题

【讨论】:

以上是关于使用 Ant Design 构建纱线失败的主要内容,如果未能解决你的问题,请参考以下文章

008-ant design pro 构建和发布

esbuild 上的纱线构建失败

JHipster - 纱线构建失败

ant-design样式加载失败解决办法

008-ant design roadhogrc 打包

在 ReactJS 中构建纱线,分配失败 - JavaScript 堆内存不足