реакции-маршрутизатор-родной, NativeRouter. js Сбой при разборе модуля - неожиданный токен - PullRequest
Новая
       14

реакции-маршрутизатор-родной, NativeRouter. js Сбой при разборе модуля - неожиданный токен

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

Я получаю неожиданную ошибку токена при использовании реакции собственного роутера. Экспо используется для отображения страницы в моем браузере. Я действительно новичок в React и React Native, поэтому я как бы стреляю в темноте всем, что я делаю, чтобы это исправить. Я обнаружил похожую проблему (не удалось скомпилировать ./node_modules/react-router-native/NativeRouter.js # 5684 https://github.com/ReactTraining/react-router/issues/5684), но ссылка, которая предположительно исправила проблему, не работала. Это ошибка, которую я получаю:

/ node_modules / реагировать на маршрутизатор-родной / NativeRouter. js 11: 9 Ошибка синтаксического анализа модуля: неожиданный токен (11: 9) Возможно, вам нужен соответствующий загрузчик для обработки этого типа файлов в настоящее время нет загрузчиков, настроенных для обработки этого файла. См. https://webpack.js.org/concepts#loaders

| * / | function NativeRouter (props) {

return; | } |

Я не вносил изменений в упакованные файлы, поэтому я предполагаю, что что-то не так с моим кодом в файле приложения. js. Мой код для приложения. js таков: 

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { NativeRouter, Route, Link } from 'react-router-native';
import Login from './login';
import Dashboard from './dashboard';
import Home from './home';



function App() {
  return (
    <div>
<NativeRouter>
    <View style={styles.container}>
      <View style={styles.nav}>
        <Link to="/" underlayColor="#f0f4f7" style={styles.navItem}>
          <Text>Home</Text>
        </Link>
        <Link
          to="/Login"
          underlayColor="#f0f4f7"
          style={styles.navItem}
        >
          <Text>Login</Text>
        </Link>
        <Link
          to="/Dashboard"
          underlayColor="#f0f4f7"
          style={styles.navItem}
        >
          <Text>Dashboard</Text>
        </Link>
      </View>

      <Route exact path="/" component={Home} />
      <Route path="/login" component={Login} />
      <Route path="/dashboard" component={Dashboard} />
    </View>
  </NativeRouter>

    </div>
  );
}

export default App;

Мой ожидаемый результат - правильное отображение панели навигации вместо неожиданной ошибки токена.

1 Ответ

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

Я ответил на свой вопрос! Я устанавливал response-navigation в глобальную папку проекта, а не в директорию внешнего интерфейса, где он должен был выполняться. Теперь это прекрасно работает!

...