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';

它显示以下错误。

无法编译。

./ src / Grid / Grid.js   找不到模块：D:\ReactAppCSS\node_modules\React\index.js与磁盘react上的相应路径不匹配。

与Title.js相同。

任何帮助将不胜感激。

Answer 1

import React from 'react'

react是程序包名称！

在React中找不到模块

1 个答案: