Javascript 其中一个库没有'；我不在工作

我有以下redux存储文件：

import {applyMiddleware, compose, createStore} from 'redux';
import reducers from '../reducers/index';
import {createBrowserHistory} from 'history'
import {routerMiddleware} from 'connected-react-router';
import createSagaMiddleware from 'redux-saga';
import rootSaga from '../sagas/index';


const history = createBrowserHistory();
const routeMiddleware = routerMiddleware(history);
const sagaMiddleware = createSagaMiddleware();

const middlewares = [sagaMiddleware, routeMiddleware];
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;


export default function configureStore(initialState) {
  const store = createStore(reducers(history), initialState,
    composeEnhancers(applyMiddleware(...middlewares)));

  sagaMiddleware.run(rootSaga);

  if (module.hot) {
    // Enable Webpack hot module replacement for reducers
    module.hot.accept('../reducers/index', () => {
      const nextRootReducer = require('../reducers/index');
      store.replaceReducer(nextRootReducer);
    });
  }
  return store;
}
export {history};

在

app.js

中导入

configureStore（）

后，我立即收到以下错误：

[Fri Dec 18 2020 20:06:22.730]错误引用错误：找不到变量：文档

这是我的

app.js

文件：

import 'react-native-gesture-handler';
import React from 'react';
import {Provider} from 'react-redux';
import AsyncStorage from '@react-native-community/async-storage';

import {DefaultTheme, Provider as PaperProvider} from 'react-native-paper';

import {NavigationContainer} from '@react-navigation/native';
import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
import Icon from 'react-native-vector-icons/Ionicons';  

import AppHeader from './components/ui/AppHeader';
import Home from './views/Home';
import Login from './views/Login';
import MyCoupons from './views/MyCoupons';
import ShoppingCart from './views/ShoppingCart';
import Signup from './views/Signup';
import Intro from './views/Intro';

import AuthState from './context/auth/authState';
import ShoppingCartState from './context/shoppingCart/shoppingCartState';

import configureStore, {history} from './store';

export const store = configureStore();

const Tab = createBottomTabNavigator();

const App = () => {
  let localStorageUser = null;

  const getLocalStorageUser = async () => {
    try {
      localStorageUser = await AsyncStorage.getItem('user');
    } catch (error) {
      console.log(error);
    }
  };


  const getInitialRouteName = () => {
    switch(localStorageUser) {
      case null: return 'Cuenta'
      case '': return 'Cuenta'
      default: return 'Home'
    }
  }

  return (
    <>
      <AppHeader />
      <AuthState>
        <ShoppingCartState>
          <PaperProvider>
            <NavigationContainer>
              <Tab.Navigator 
                initialRouteName={getInitialRouteName()}
                screenOptions={({route}) => ({
                  tabBarIcon: ({focused, color, size}) => {
                    let iconName;

                    if (route.name == 'Home') {
                      iconName = focused? 'home': 'home-outline';
                    } else if (route.name == 'Mis Cupones') {
                      iconName = focused? 'film': 'film-outline';
                    } else if (route.name == 'Carrito') {
                      iconName = focused? 'cart': 'cart-outline';
                    } else if (route.name == 'Cuenta') {
                      iconName = focused? 'person-circle': 'person-circle-outline';
                    }

                    return <Icon name={iconName} color='blue' size={25} />
                  }
                })}
              >
                <Tab.Screen name='Home' component={Home} />
                <Tab.Screen name='Carrito' component={ShoppingCart} />
                <Tab.Screen name='Mis Cupones' component={MyCoupons} />
                <Tab.Screen name='Cuenta' component={Login}/>
              </Tab.Navigator>
            </NavigationContainer>
          </PaperProvider>
        </ShoppingCartState>
      </AuthState>
    </>
  );
};

export default App;

导入“反应本机手势处理程序”；
从“React”导入React；
从'react redux'导入{Provider}；
从“@react native community/async storage”导入异步存储；
从“react native paper”导入{DefaultTheme，提供程序作为PaperProvider}；
从'@react-navigation/native'导入{NavigationContainer}；
从“@react navigation/bottom tabs”导入{createBottomTabNavigator}；
从“反应本机矢量图标/离子图标”导入图标；
从“./components/ui/AppHeader”导入AppHeader；
从“/views/Home”导入主页；
从“./views/Login”导入登录名；
从“/views/MyCoupons”导入MyCoupons；
从“./views/ShoppingCart”导入ShoppingCart；
从“./views/Signup”导入注册；
从“/views/Intro”导入简介；
从“./context/auth/AuthState”导入AuthState；
从“./context/shoppingCart/ShoppingCartState”导入ShoppingCartState；
导入configureStore，{history}来自'/store'；
export const store=configureStore（）；
const Tab=createBottomTabNavigator（）；
常量应用=（）=>{
让localStorageUser=null；
const getLocalStorageUser=async（）=>{
试一试{
localStorageUser=await AsyncStorage.getItem（'user'）；
}捕获（错误）{
console.log（错误）；
}
};
const getInitialRouteName=（）=>{
交换机（localStorageUser）{
大小写为空：返回“Cuenta”
案例“”：返回“Cuenta”
默认值：返回“主页”
}
}
返回(
({
tabBarIcon:（{聚焦，颜色，大小}）=>{
让我来；
如果（route.name==“Home”）{
iconName=专注的“主页”：“主页轮廓”；
}else if（route.name==“Mis Cupones”）{
iconName=聚焦的“电影”：电影大纲；
}else if（route.name==“Carrito”）{
iconName=聚焦的“购物车”：“购物车轮廓”；
}else if（route.name==“Cuenta”）{
iconName=聚焦的“人物圈”：“人物圈轮廓”；
}
返回
}
})}
>
);
};
导出默认应用程序；

当我注释导入行时，应用程序将运行。我曾尝试在多个mac中使用react-redux和react-native与react-native一起使用react-redux和react-native，而且始终都是一样的，我从未发现任何文档不适用于react-native。我甚至找到了这方面的教程

---

所有库都安装了纱线，并且与项目的reactjs组件完美配合，它们只是与react native

不配合，我相信您提到的三个库都与react native配合得很好。不存在的是您在示例中导入的历史记录。查看历史记录的源代码，您可以清楚地识别它：

导出函数createBrowserHistory(
选项：BrowserHistoryOptions={}
)：浏览历史{
让{window=document.defaultView！}=options；
让globalHistory=window.history；

但是，文档对象在react native上不可用