与语义UI反应，JEST和酶反应

Question

我遇到了以下错误，其中npm start只能通过以下导入正常运行：

import Header from 'semantic-ui-react/dist/commonjs/elements/Header';

但是当我进行npm测试时，它总是显示给我：

ReferenceError: Header is not defined

但是当我将主文件中的导入更改为以下行时，npm测试运行正常

import Header from '../node_modules/semantic-ui-react/dist/commonjs/elements/Header';

我还有其他选择可以避免引用来自node_modules文件夹的导入吗？

Answer 1

semantic-ui-react将其所有组件导出为命名模块，因此您不必一路挖掘各种路径即可到达每个组件。相反，您可以这样做：

import { Button } from 'semantic-ui-react'
import { Header } from 'semantic-ui-react'
import { Container } from 'semantic-ui-react'

要简单得多，是吗？并且，如果semantic-ui-react更改了其文件夹结构，则无需更改代码。

这里是semantic-ui-react documentation，介绍如何导入和使用其组件。只需单击任何示例的“尝试”图标即可。