时间戳

首页 > 解决方案 > 在 React 中找不到模块

javascript - 在 React 中找不到模块

问题描述

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

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

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

网格.js

import React from 'React';

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

标题.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 也是如此。

任何帮助将不胜感激。

标签： javascriptreactjs

解决方案

import React from 'react'

react 是包名！

推荐阅读