【问题标题】:Using antd after initializing app with CRA使用 CRA 初始化应用后使用 antd
【发布时间】:2018-12-28 02:46:00
【问题描述】:

这是我的情况: 我使用create-react-app 初始化了一个项目,我只是发现使用 antd 会很困难。 我按照 ant design 网站专用部分中的步骤操作,但它不起作用。我试图弹出我的项目,但是当我这样做时出现错误'config' already exists in your app folder(我不知道那个配置是​​什么)。 我不能让蚂蚁工作。我尝试添加一个具有 ant 样式的简单按钮,但在浏览器中,该按钮是一个基本的 html 按钮。 我的问题是:在使用 CRA 创建反应应用程序后,有没有办法使用 antd ? 我在互联网上阅读了很多东西,但根据这些帖子和评论,似乎没有任何效果。我应该创建一个新项目吗?

非常感谢!

【问题讨论】:

  • 对不起,你试过这个:ant.design/docs/react/use-with-create-react-app 吗?我以前做过,它没有任何问题。它到底是怎么不工作的?
  • @iagowp 嗨,是的,我试过了。我尝试导入 antd.css 但出现错误,因为 css 文件不在 src 文件夹中(它在 node_module 中)。我安装了 react-app-rewired,更改了 package.json 中的“脚本”部分,并添加了 config-overrides.js。我还导入了 babel-plugin-import。当我将 config-overrides.js 更改为使用 babel 导入 antd 时,出现错误“模块构建失败:引用错误:未知插件“导入”在“基础”中的 0 处被分隔,试图相对于“路径”进行解析”。

标签: reactjs create-react-app antd


【解决方案1】:

好的,我找到了解决方案。 我按照此处的步骤 ant.design/docs/react/use-with-create-react-app 我的错误是全局安装 babel-import-plugin 而不是直接在项目中。所以现在一切似乎都正常了。 很抱歉,感谢@iagowp 的帮助。

【讨论】:

    猜你喜欢
    • 2021-11-22
    • 2020-01-19
    • 2016-01-10
    • 2019-07-19
    • 2016-07-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-03-15
    相关资源
    最近更新 更多