Почему приложение React не компилируется при добавлении компонента FlashMessage? - PullRequest
Новая
       34

Почему приложение React не компилируется при добавлении компонента FlashMessage?

0 голосов
/ 27 марта 2020

Я использую React 16.13.0. Я хотел бы отобразить сообщение об успешном выполнении sh, когда мой пользователь успешно отправил форму. Я думал, что FlashMessage - это путь к go - https://www.npmjs.com/package/react-native-flash-message. В соответствии с документами, я поставил последнюю вещь в своем приложении. js компонент ... 

import React from 'react';
import logo from './logo.svg';
import './App.css';
import '../node_modules/bootstrap/dist/css/bootstrap.min.css';
import FormContainer from './containers/FormContainer';
import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom";
import FlashMessage from "react-native-flash-message";

import Add from "./components/Add";
import Search from "./components/Search";

function App() {
  return (<Router>
    <div className="App">
      <nav className="navbar navbar-expand-lg navbar-light fixed-top">
        <div className="container">
          <Link className="navbar-brand" to={"/add"}>Chicommons</Link>
          <div className="collapse navbar-collapse" id="navbarTogglerDemo02">
            <ul className="navbar-nav ml-auto">
              <li className="nav-item">
                <Link className="nav-link" to={"/add"}>Add</Link>
              </li>
              <li className="nav-item">
                <Link className="nav-link" to={"/search"}>Search</Link>
              </li>
            </ul>
          </div>
        </div>
      </nav>

      <div className="auth-wrapper">
        <div className="auth-inner">
          <Switch>
            <Route exact path='/' component={Add} />
            <Route path="/add" component={Add} />
            <Route path="/search" component={Search} />
          </Switch>
        </div>
      </div>
    </div>
    <FlashMessage position="top" />
    </Router>
  );
}

export default App;

, но когда я запускаю свое приложение, я получаю эту ошибку 

./node_modules/react-native-flash-message/src/FlashMessage.js
SyntaxError: /Users/davea/Documents/workspace/chicommons/maps/client/node_modules/react-native-flash-message/src/FlashMessage.js: Unexpected token (148:8)

  146 |     case "success":
  147 |       return (
> 148 |         <Image style={[styles.flashIcon, style]} source={require("./icons/fm_icon_success.png")} {...customProps} />
      |         ^
  149 |       );
  150 |     case "info":
  151 |       return <Image style={[styles.flashIcon, style]} source={require("./icons/fm_icon_info.png")} {...customProps} />;

FlashMessage не совместим с этой версией React? Есть ли альтернатива, которую я должен использовать?

1 Ответ

0 голосов
/ 27 марта 2020

Вы не можете использовать модули Reaction-native (мобильные приложения) в Reaction-DOM (веб-приложения). FlashMessage предназначен только для реагирующих приложений

...