Question

我想将ant.design与create-react-app结合使用，因此我遵循了antd文档中给出的步骤。

https://ant.design/docs/react/use-with-create-react-app

npx create-react-app antd-demo
npm add antd

在app.js文件中，

import React from 'react';
import { Button } from 'antd';
import './App.css';

const App = () => (
  <div className="App">
    <Button type="primary">Button</Button>
  </div>
);

export default App;

和在App.css中

@import '~antd/dist/antd.css';

.App {
  text-align: center;
}

...

启动时，出现此错误

错误：找不到模块'./locale'

▶2个堆叠框架被折叠。

https://imgur.com/a/0Yc4AdM （错误的屏幕截图）

所以我用谷歌搜索了一下，发现与我安装的moment.js有关，但是我仍然继续遇到相同的错误。

Answer 1

您可以尝试使用Moment的特定版本来遵循这些步骤。 Moment 2.25.1版本将不起作用。如何使用npm强制执行2.24.0版本，而不是用yarn和resolutions阻止？

简单技巧：-

npm install --save-dev npm-force-resolutions
add in package.json
 "resolutions": {
    "moment": "2.24.0"
 }

添加到package.json中的“脚本”节点

"preinstall": "npx npm-force-resolutions"

输入npm install

?希望这会有所帮助。有关更多详细信息，请遵循Bug（https://github.com/ant-design/ant-design-pro/issues/6512）已记录在Antd Team中。

无法安心使用create-react-app

1 个答案: