Question

我对React-native感到很新奇，尤其是当我发现native-base及其如何与React-native无缝结合时，我感到非常兴奋。

尝试实施 Setup to theme NativeBase apps 时遇到问题我遵循了来自其他 tutorials 的每个步骤和行会，但是以某种方式，它对我不起作用。我开始怀疑它的兼容性问题。我很想从您这里得到解决方案。

下面是我的 package.json 文件

 {
    "name": "MyProject",
    "version": "0.0.1",
    "private": true,
    "scripts": {
      "start": "node node_modules/react-native/local-cli/cli.js start",
      "test": "jest"
    },
    "dependencies": {
      "native-base": "^2.4.0",
      "react": "16.4.1",
      "react-native": "0.55.4"
    },
    "devDependencies": {
      "babel-jest": "23.4.0",
      "babel-preset-react-native": "4.0.0",
      "jest": "23.4.0",
      "react-test-renderer": "16.4.1"
    },
    "jest": {
      "preset": "react-native"
    }
  }

我的 App.js

    import React, {Component} from 'react';
    import {Text, View} from 'react-native';

    import {Container, StyleProvider} from 'native-base';

    import getTheme  from './src/themes/components';
    import DouxTheme from './src/themes/variables/DouxTheme';

    import AppHeader from './src/components/appHeader';
    import AppBody from './src/components/appBody';
    import AppFooter from './src/components/appFooter';



    export default class App extends Component {
      render() {
        return (
    //<StyleProvider style={getTheme(DouxTheme)}>
    <Container>
    <AppHeader/>
    <AppBody/>
    <AppFooter/>
    </Container>
    //</StyleProvider>

        );
      }
    }

错误消息

        undefined Unable to resolve module 
        `./App` from `C:\xampp\htdocs\2018\node\MyProject\index.js`: 
        The module `./App` could not be found from 
        `C:\xampp\htdocs\2018\node\MyProject\index.js`. 
        Indeed, none of these files exist:

项目目录 https://github.com/okechukwu0127/react-native/tree/master/

主题目录 https://github.com/okechukwu0127/react-native/tree/master/src/themes/components

在我的项目结构下查找

Answer 1

虽然您得到的错误有所不同，但并不涉及getTheme。您能分享您的index.js吗？

undefined Unable to resolve module 
        `./App` from `C:\xampp\htdocs\2018\node\MyProject\index.js`: 
        The module `./App` could not be found from 
        `C:\xampp\htdocs\2018\node\MyProject\index.js`. 
        Indeed, none of these files exist:

请更改导入顺序：

import React from 'react'; import {AppRegistry} from 'react-native'; import {name as appName} from './app.json'; import App from './App';

无法解析getTheme模块“主题/组件”-NativeBase

1 个答案: