首页 > 解决方案 > 如何解决 react-native-paper 和 Redux 中的此错误?

问题描述

错误 :

错误:无法react-native-paper/lib/typescript/src/core/settingsindex.js项目中找到 react-native-paper/lib/typescript/src/core/settings 中的模块。

我正在使用react-native-paperRedux一起,但我无法设置环境。如何设置环境以同时使用两者?

是的,我链接了依赖项。就像我不使用 Redux 并传入App<App />一样。AppRegistery()但是每当我包装<App />另一个组件时,它都会显示错误

index.js

/**
 * @format
 */

import {AppRegistry} from 'react-native';
import App from './App';
import { Provider as StoreProvider} from 'react-native-paper/lib/typescript/src/core/settings';
import { Provider as PaperProvider } from 'react-native-paper';


const store = createStore(RootReducer,applyMiddleware(thunk))


export default function MyApp() {
    return (
      <StoreProvider store = {store}>
          <PaperProvider>
            <App />
          </PaperProvider>
      </StoreProvider>
    );
  
}


AppRegistry.registerComponent(appName, () => MyApp);

包.json

{
  "dependencies": {
    "@react-native-community/async-storage": "^1.11.0",
    "@react-native-community/masked-view": "^0.1.10",
    "@react-native-firebase/app": "^7.2.0",
    "@react-native-firebase/auth": "^8.0.4",
    "@react-navigation/material-bottom-tabs": "^5.2.10",
    "@react-navigation/native": "^5.5.0",
    "@react-navigation/stack": "^5.4.2",
    "react": "16.11.0",
    "react-native": "0.62.2",
    "react-native-elements": "^2.0.2",
    "react-native-gesture-handler": "^1.6.1",
    "react-native-paper": "^3.10.1",
    "react-native-reanimated": "^1.9.0",
    "react-native-safe-area-context": "^3.0.2",
    "react-native-screens": "^2.8.0",
    "react-native-simple-toast": "^1.1.2",
    "react-native-tab-view": "^2.14.4",
    "react-native-vector-icons": "^6.6.0",
    "react-redux": "^7.2.0",
    "redux": "^4.0.5",
    "redux-thunk": "^2.3.0"
  },
  
}

标签: react-nativereact-reduxreact-native-paper

解决方案


我找到了错误原因。它在导入paperProvider. 它应该react-native-paper只从导入,但我从导入,'react-native-paper/lib/typescript/src/core/settings'所以它导致了这个当前错误。实际上,它是由 VScode 扩展自动导入的。


推荐阅读