Question

使用React Native Router时出现意外的令牌错误。 Expo被用来在我的浏览器中呈现页面。我真的是React和React Native的新手，所以我会尽一切努力解决这个问题。我发现了一个类似的问题（无法编译./node_modules/react-router-native/NativeRouter.js＃5684 https://github.com/ReactTraining/react-router/issues/5684），但是据说可以解决该问题的链接无效。这是我得到的错误：

/node_modules/react-router-native/NativeRouter.js 11：9 模块解析失败：意外的令牌（11：9）您可能需要适当的加载程序来处理此文件类型，当前没有配置任何加载程序来处理此文件。参见https://webpack.js.org/concepts#loaders

| * / |函数NativeRouter（props）{

return; | } |

我没有对打包文件进行任何更改，因此我假设我对App.js文件上的代码做错了什么。我对App.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;

我的预期结果是看到导航栏正确渲染，而不是出现意外的令牌错误。

Answer 1

我已经回答了我自己的问题！我正在将react-navigation安装到全局项目文件夹中，而不是在应该运行的前端目录中安装。现在，它很棒！

react-router-native，NativeRouter.js模块解析失败-意外令牌

1 个答案: