react-native - 如何解决 react-native-paper 和 Redux 中的这个错误？

Question

错误:

Error: Unable to resolve module react-native-paper/lib/typescript/src/core/settings from index.js: react-native-paper/lib/typescript/src/core/settings could not be found within the project.

我正在使用 react-native-paper和 Redux在一起，但我无法设置环境。如何设置同时使用两者的环境？

是的，我链接了依赖项。当我不使用 Redux 并传递 <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);

package.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"
  },
  
}

Answer 1

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