使用“创建React应用程序”时出现React编译错误

Question

我在使用“创建反应应用程序”时遇到编译失败。我得到的信息如下。

__

./src/App。未找到js模块：您试图导入/联系项目src/目录之外的内容。不支持src/之外的相对导入。您可以将其移动到src/内部，也可以从项目的节点_modules/向其添加符号链接。

__

奇怪的是，我的src文件夹中肯定有“/联系人”文件，而消息说我没有。这是我的文件夹树。

这是我的应用程序。js代码。

import React, { Component } from 'react';
import PhoneForm from './components/PhoneForm';

class App extends Component {
  render() {
    return (
      <div>
        <PhoneForm />
      </div>
    );
  }
}

export default App;

感觉我在这里缺少了某种基本设置。请怜悯我，帮我弄清楚这一点。

Answer 1

如果你的应用。js位于组件文件夹中，那么您应该使用

import PhoneForm from './PhoneForm';

请注意，您不必在导入之前使用/组件。

但是我在这里没有看到你的电话表单组件。所以这也可能是错误的来源。