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

Question

我是新来的 react ，也想使用 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: Unexpected token export

at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/ScriptTransformer.js:289:17) at Object. (src/components/Login.js:13:592) at Object. (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"
}