javascript - 在 React 中找不到模块

Question

我是 React 新手。我使用以下命令创建了新的 React 应用程序。

create-react-app app-name --scripts-version custom-react-scripts-version

在该应用程序的 src 文件夹中，我创建了 2 个新文件夹，即 Grid 和 Title，并在相关文件夹中创建了文件 Grid.js 和 Title.js。

Grid.js

import React from 'React';

export default class Grid extends React.Component {
    render() {
        return (
            <div>
                <h1>Grid</h1>
            </div>
        );
    }
}

Title.js

import React from 'React';

const Title = () =>  {
    return (
        <div>
            <h1>Title</h1>
        </div>
    );
}

export default Title;

现在，我尝试将两者导入到 App.js 文件中，但失败了。

import Title from './Title/Title';
import Grid from './Grid/Grid';

它显示以下错误。

Failed to compile.

./src/Grid/Grid.js Module not found: D:\ReactAppCSS\node_modules\React\index.js does not match the corresponding path on disk react.

Title.js 也是如此。

任何帮助将不胜感激。

Answer 1

import React from 'react'

react是包名!