React中的“找不到模块：无法解析”

Question

我在“ react-test”文件夹中有一个react项目，里面是所有json和node模块等，以及通过运行create-react-app安装的src文件夹。

在src文件夹中，我有1和一个带有App.js的组件文件夹。

我想从Titles.js导入一个名为Titles的类。

我正在使用相对文件路径Titles.js，但这样做时出现以下错误：

./components/Titles.js

这是我的Titles.js组件：

./src/App.js
Module not found: Can't resolve './components/Titles.js' in '/Users/username/Documents/ReactApp1/react-test/src'

这是我的App.js组件：

import React from "react";
class Titles extends React.Component {
  render() {
    return (
      <div>
        <h1>Weather Finder</h1>
        <p>Find out temperature, conditions, and more...</p>
      </div>
    );
  }
}

export default Titles;

我一直在尝试弄乱import语句中的文件路径，但到目前为止没有任何效果。谢谢您的宝贵时间。