Question

我是新来的响应者，还想使用office react ui来满足我们的要求之一，我遵循了git hub并能够在组件中使用office ui react组件，但是在运行我的第一个App.js测试用例时，给我下面的错误。

E：\ net_react \ my-new-app \ ClientApp \ node_modules \ office-ui-fabric-react \ lib \ Fabric.js：1   （{“ Object。”：function（module，exports，require，__ dirname，__ filename，global，jest）{export * from'./components/Fabric/index';                                                                                            ^^^^^^

SyntaxError：意外的令牌导出

在ScriptTransformer._transformAndBuildScript中（node_modules / jest-runtime / build / ScriptTransformer.js：289：17）     在对象。（src / components / Login.js：13：592）     在对象。（src / components / Home.js：2：14）

我的Login.js中有一个导入语句

import { Fabric } from '../../node_modules/office-ui-fabric-react/lib/Fabric';

Answer 1

错误是因为您的测试工具不支持ES 6模块（Fabric 6中的lib中提供了此功能）。

尝试从office-ui-fabric-react/lib-commonjs/Fabric或office-ui-fabric-react（除非您能够利用Tree Shaking进行打包，否则会产生捆绑包大小）导入，或者修改测试工具的模块映射以将lib/导入重定向到lib-commonjs。

更新

要详细说明上述答案，Fabric release notes会提供有关Jest配置的指南：

moduleNameMapper: {
    "office-ui-fabric-react/lib/(.*)$": "office-ui-fabric-react/lib-commonjs/$1"
}

由于结构中的某些问题，我的React应用程序中的单元测试用例失败

1 个答案: