Как мне разрешить "не настраиваемое свойство" ChoiceGroupOption "в приложении React.js, я использую Parcel и импортированный комп из" office-ui-fabric-реагировать "

Question

У меня есть приложение React, я использую Parcel в качестве своего упаковщика.Я хочу использовать компоненты "офис-интерфейс-ткань-реагировать".Все работает нормально, пока я не импортирую Компонент из "office-ui-fabric-реагировать" (Office Fabric Ui).
Это сообщение об ошибке, которое я получаю из консоли -

TypeError: canне переопределяем ненастраиваемое свойство «ChoiceGroupOption».

Я убедился, что все зависимости установлены («office-UI-fabric-реагировать» не требует никакой указанной зависимости).
Iзатем создайте новый проект React, на этот раз с помощью команды Create-React-App, чтобы сгенерировать шаблон.Эта версия не имеет проблем, даже после импорта компонентов из "office-ui-fabric-реагировать", она работает нормально

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

// просто добавьте эту строку в проект Reactjs, используя parcel

Ошибка типа: невозможно переопределить ненастраиваемое свойство «ChoiceGroupOption»

Answer 1

Исходя из рекомендации @VitalieBraga, решение этой проблемы состоит в том, чтобы ссылаться на конкретный модуль для каждого компонента Office-UI, который будет импортирован.Например,

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 в отличие от Parcel