Я получаю сообщение об ошибке при реализации response-native-paper на react-native-web

Эту ссылку я использовал для реализации https://callstack.github.io/react-native-paper/using-on-the-web.html.

<PaperProvider>
  <App />
</PaperProvider>

После копирования PaperProvider я получаю эту ошибку ..

ОШИБКА в ./src/index.tsx Модуль не найден: Ошибка: не удается разрешить 'MaterialCommunityIcons.ttf' в 'D: \ Sentia Care \ My Project \ react-native \ hybrid-response-app \ packages \ web_app \ src '@ ./src/index.tsx 16: 106-143


react-native react-native-web react-app-rewired react-native-paper
person subhasis pattanaik    schedule 02.10.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Настроить babel-loader Далее мы хотим сказать babel-loader, что нужно скомпилировать react-native-paper и react-native-vector-icons. Мы также хотели бы отключить чтение файлов конфигурации babel, чтобы предотвратить любые конфликты.

Сначала установите необходимые зависимости:

yarn add --dev babel-loader @babel/preset-env @babel/preset-react @babel/preset-flow @babel/preset-typescript @babel/plugin-proposal-class-properties @babel/plugin-proposal-object-rest-spread

Теперь добавьте следующее в массив module.rules в конфигурации вашего веб-пакета:

{
  test: /\.js$/,
  exclude: /node_modules[/\\](?!react-native-vector-icons|react-native-safe-area-view)/,
  use: {
    loader: 'babel-loader',
    options: {
      // Disable reading babel configuration
      babelrc: false,
      configFile: false,

      // The configuration for compilation
      presets: [
        ['@babel/preset-env', { useBuiltIns: 'usage' }],
        '@babel/preset-react',
        '@babel/preset-flow',
        "@babel/preset-typescript"
      ],
      plugins: [
        '@babel/plugin-proposal-class-properties',
        '@babel/plugin-proposal-object-rest-spread'
      ],
    },
  },
},
person Anhdevit    schedule 02.10.2020