如何在一个ChoiceGroupOption应用程序中解析“不可配置属性”React.js应用程序，我使用的是Parcel和从"office-ui-fabric-react“导入的comp。

Question

我有一个反应应用程序，我使用包作为我的捆绑。我想使用"office-ui-fabric-react“组件。一切正常工作，直到我从“Office Fabric -react”(Office )导入组件为止。

这是我从控制台收到的错误信息-

TypeError:无法重新定义不可配置属性"ChoiceGroupOption“。

我已经确保安装了所有的依赖项(“office fabric-react”不需要任何声明的依赖项)。

然后，我设置了一个新的App项目，这次使用Create命令生成样板。这个版本没有任何问题，即使在从"office-ui-fabric-react“导入组件之后，它也能正常工作。

import { PrimaryButton } from "office-ui-fabric-react

//只需将这一行添加到使用parcel的Reactjs项目中

TypeError:无法重新定义不可配置属性"ChoiceGroupOption“

Answer 1

基于@VitalieBraga的建议，这个问题的解决方案是引用要导入的每个office-UI react组件的特定模块。

import { PrimaryButton } from "office-ui-fabric-react/lib/button";
import { ChoiceGroup,IChoiceGroupOption} from "office-ui-fabric-react/lib/ChoiceGroup";

这实际上解决了我曾经遇到的问题，但关于在一行上导入多个组件的问题--这在Parcel中是不可能的。

import { css, classNamesFunction, DefaultButton, IStyle, Label, PrimaryButton } from 'office-ui-fabric-react';

另一种选择是用Webpack来代替包裹。