React-Native-Web не компилирует реагирующие нативные компоненты из зависимостей модуля узла - PullRequest
Новая
       36

React-Native-Web не компилирует реагирующие нативные компоненты из зависимостей модуля узла

1 голос
/ 24 февраля 2020

Я пытаюсь преобразовать мое приложение «реактивная версия» в приложение «реактивная версия». Я следовал за этой ссылкой. Ниже приведены шаги, которые я выполнил:

  1. Создал приложение RN и запустил его на iOS, чтобы убедиться, что оно работает на мобильном телефоне.
  2. Выполнено следующая команда: npm install react-scripts react-dom react-native-web react-art react-router-native react-router-dom
  3. Создан index.html файл в каталоге publi c.
  4. Создан index.js файл в каталоге sr c со следующим кодом: 
import React from 'react';
import ReactDom from 'react-dom';
import App from './App';
ReactDom.render(<App />, document.getElementById("root"));
Добавлены следующие скрипты в package.json 
"scripts": {
    "web": "react-scripts start",
    "build-web": "react-scripts build"
  },
Запустил приложение в сети, запустив npm run web, а мое приложение работало в веб-браузере.

Все работало только до тех пор, пока я не использовал какой-либо сторонний модуль для своего приложения. (Хотя стили еще не работали: P)

Теперь я установил библиотеку react-native-snap-carousel и обнаружил, что react-native-web работает только с компонентами реагирования, созданными в каталоге src моего проекта и не работает для nodeModules кода. Поскольку просто выполнить рендеринг из node module со следующим кодом не удается: 

render() {
  return <View></View>
}

со следующей ошибкой: 


./node_modules/react-native-snap-carousel/src/carousel/Carousel.js
SyntaxError: /Users/kapil.choubisa/Kapil_Data/JPPL/Code/POCs/IMMobileWeb/node_modules/react-native-snap-carousel/src/carousel/Carousel.js: Unexpected token (1223:12)

  1221 | 
  1222 |         return (
> 1223 |             <View></View>
...