创建新组件失败：无法解析模块

Question

我创建了一个新的反应原生项目（版本0.47.1）。现在我正在尝试为我的本机应用程序编写一个新组件。

  

/my-component.jsx

auto last = end(foo);

for(auto first = begin(foo); first < last; ++first) last = remove(next(first), last, *first);

foo.erase(last, end(foo));

  

/index.android.js

import React from 'react';
import {Text} from 'react-native';

export default class MyComponent extends React.Component {
    render() {
        return <Text>My Component</Text>
    }
}

打包器抛出以下错误：

import React, { Component } from 'react';
import { AppRegistry } from 'react-native';
import MyComponent from './my-component';

export default class Test extends Component {
    render() {
        return (
            <MyComponent />
        );
    }
}

AppRegistry.registerComponent('test', () => Test);

将文件扩展名添加到导入会导致相同的错误，但错误中的路径附加了文件扩展名。

同样的错误适用于通过npm添加的依赖项。在任何情况下，错误中显示的路径都存在。