Экспорт из одной библиотеки в веб, из другой библиотеки, если она встроена в React Native

Question

Итак, я пытаюсь использовать таблицы побед (https://formidable.com/open-source/victory) и предпочел бы не просто использовать веб-просмотр, поскольку у них есть собственная реализация.

Однако я Я пытаюсь использовать библиотеку с React Native Web, и она вообще не работает, я получаю следующую ошибку:

/Users/myname/Desktop/Projects/myproject/Frontend/Expo/node_modules/victory-native/lib/components/victory-axis.js 10:22
Module parse failed: Unexpected token (10:22)
You may need an appropriate loader to handle this file type.
| 
| export default class extends VictoryAxis {
>   static defaultProps = Object.assign({}, VictoryAxis.defaultProps, {
|     axisComponent: <LineSegment/>,
|     axisLabelComponent: <VictoryLabel/>,

Я предполагаю, что мне нужно использовать два файла-оболочки, Victory. js и Victory.web. js для импорта.

Вот мой файл Victory.web. js на данный момент:

Victory = require('victory');

export default Victory;

Это не работает.

Я также пробовал:

import { VictoryPie } from 'victory';

export VictoryPie;

Что дает мне ошибку:

/Users/myname/Desktop/Projects/myproject/Frontend/Expo/src/components/utility/Victory.web.js
SyntaxError: /Users/myname/Desktop/Projects/myproject/Frontend/Expo/src/components/utility/Victory.web.js: Unexpected token (3:17)

  1 | import { VictoryPie } from 'victory';
  2 | 
> 3 | export VictoryPie;

Я просто хочу иметь возможность использовать эту библиотеку как на React Native, так и на Реагируйте на Native Web без ошибок. Есть ли способ сделать это?

Answer 1

Не уверен, что это лучший способ сделать это, но у меня этот способ сработал:

export const VictoryPie = require('victory').VictoryPie;