office-ui-fabric - 由于结构中的一些问题，单元测试用例在我的 React 应用程序中失败

Question

我是新来的反应，也想使用 office react ui 来满足我们的一个要求错误。

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/Fabricor导入office-ui-fabric-react（除非您能够使用 Tree Shaking，否则会影响包大小）或修改测试工具的模块映射以将lib/导入重定向到lib-commonjs.

更新

为了详细说明上面的答案，Fabric 发行说明有 Jest 配置指南：

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