node.js - React Native index.js 无法解析模块'/src/App.js 的路径

Question

我已经成功运行模拟器一段时间了，但是 index.js 文件似乎无法解析 src 文件夹中 App.js 文件的路径。

我在 ESLint 上收到以下错误：无法解析模块“./src/App”的路径。（导入/未解决）

我在 ios 和 android 模拟器中收到以下错误：无法加载捆绑包（http://localhost:8081/index.bundle ? platform=ios&dev=true&minify=false）并出现错误：（无法解析模块./src/App来自Users/williamgoodhew/projects/athalens/apps/index.js：模块./src/App无法从 中找到./Users/williamgoodhew/projects/athalens/apps/index.js。确实，这些文件都不存在：

* /Users/williamgoodhew/projects/athalens/apps/src/App(.native||.ios.js|.native.js|.js|.ios.json|.native.json|.json) * /Users/williamgoodhew/projects/athalens/apps/src/App/index(.native||.ios.js|.native.js|.js|.ios.json|.native.json|.json)(空))

这是目录结构

这是 index.js 文件

import { AppRegistry } from 'react-native';
import App from './src/App';

console.ignoredYellowBox = [
    'Setting a timer'
];

AppRegistry.registerComponent('apps', () => App);

这是 App.js 文件

import React, { Component } from 'react';
import { Provider } from 'react-redux';
import { createStore, applyMiddleware } from 'redux';
import firebase from 'firebase';
import ReduxThunk from 'redux-thunk';
import reducers from './reducers';
import Router from './Router';

class App extends Component {
  componentDidMount() {
    const config = {
      apiKey: '...........................',
      authDomain: '..........firebaseapp.com',
      databaseURL: 'https://...............firebaseio.com',
      projectId: '...........',
      storageBucket: '..............appspot.com',
      messagingSenderId: '.................'
    };

    firebase.initializeApp(config);
  }

  render() {
    const store = createStore(reducers, {}, applyMiddleware(ReduxThunk));

    return (
      <Provider store={store}>
        <Router />
      </Provider>
    );
  }
}

export default App;

标签： node.jsreact-native