Не удается прочитать свойство '@global' из неопределенного - MUI-компоненты ссылки NPM

Question

Я создал несколько компонентов React, которые обертывают компоненты Material-UI и упакованы как модуль NPM.

Модуль отлично работает при установке через удаленный пакет: npm install *name-of-package*или через локальную установку: npm install ../*name-of-package*,

Для разработки модулей, однако, я хотел бы использовать npm link так что я могу использовать webpack --watch / webpack-dev-server и т.д. в каталогах модулей и сайтов.

Для этого я бегу npm link создать символическую ссылку в каталоге модуля, а затем npm link *name-of-package* в каталоге сайта. Webpack запускается, как и ожидалось, однако я продолжаю сталкиваться с ошибками в браузере, связанных с MUI withStyles функция:

Uncaught TypeError: Cannot read property '@global' of undefined ссылаясь на var rules = style[propKey]; линия function handleNestedGlobalContainerRule(rule),

И другие, такие как: The above error occurred in the <WithStyles(Typography)> component

Из того, что я могу сказать из аналогичных постов это жалуется на отсутствие theme объект (на сайте есть MuiThemeProvider с объявленным объектом темы).

Может кто-нибудь предложить, почему это может работать с npm install и не npm link? Я не могу понять это.

Answer 1

После проверки различных коммитов и прочтения справки @AstenMies я, похоже, решил эту проблему. Или, по крайней мере, я больше не в состоянии воспроизвести проблему.

Я не совсем уверен, какое именно изменение решило проблему, но я перечислю, что я сделал, если кто-то еще окажется в этой ситуации:

• Как указывает ссылка @AstenMies, свойство в моем theme объект не определен (хотя сам по себе это не решило мою проблему)
• Убедитесь, что версии вашего модуля и сайта для React и React-DOM совпадают
• Не путай yarn add а также npm install Команды - смешивание менеджеров пакетов может привести к несоответствиям
• Если сомневаетесь, удалите node_modules папку и установите снова. Вы также можете npm cache clean здесь, чтобы избежать кеширования