Reactjs 未找到模块：Can'；t解析'/页

我遇到了前所未有的问题。最近，我用create react app启动了一个新项目，但出现了一个错误：

./src/App.js
Module not found: Can't resolve './pages/' in '

我尝试过不同的文件路径，但在我以前的项目中，这是一个有效的路径，但由于某种原因，它不再有效

App.js

import React from 'react';
import Home from './pages'

function App() {

  return (
    <div>
      <h1>Hello</h1>
      <Home />
    </div>

  );
}

export default App;

从“React”导入React；
从“./pages”导入主页
函数App（）{
返回(
你好
);
}
导出默认应用程序；

Home.js

import React from 'react'

export const Home = () => {
    return (
        <div>
            <h1>Hello</h1>
        </div>
    )
}

从“React”导入React
export const Home=（）=>{
返回(
你好
)
}

---

如果有人能帮忙，那就太好了！在过去的3小时里，我一直在试图解决这个问题，但没有任何结果！提前谢谢

尝试

'./pages/Home'

而不是

'./pages'

尝试

'./pages/Home'

而不是

./pages'

当您需要导入文件本身时，作为

/pages

导入的实际上是文件夹。所以应该是这样的：

import React from 'react';
import Home from './pages/Home.js'

function App() {

  return (
    <div>
      <h1>Hello</h1>
      <Home />
    </div>

  );
}

export default App;

从“React”导入React；
从“./pages/Home.js”导入主页
函数App（）{
返回(
你好
);
}
导出默认应用程序；

当您需要导入文件本身时，作为

/pages

导入的实际上是文件夹。所以应该是这样的：

import React from 'react';
import Home from './pages/Home.js'

function App() {

  return (
    <div>
      <h1>Hello</h1>
      <Home />
    </div>

  );
}

export default App;

从“React”导入React；
从“./pages/Home.js”导入主页
函数App（）{
返回(
你好
);
}
导出默认应用程序；

代码失败的原因是

页面

文件夹没有

index.js

文件。如果要直接从

pages

文件夹导入

Home

页面组件，而不使用

import Home from“/pages/Home”

语法，则必须在

pages

目录内创建一个导出主页组件的

index.js

文件，如下所示：

import React from 'react';
import Home from './pages/Home.js'

function App() {

  return (
    <div>
      <h1>Hello</h1>
      <Home />
    </div>

  );
}

export default App;

“/pages/index.js”

。。。
从“./home”导出*；
从“/someOtherPage”导出*；
....

然后，在App.js中，您可以像这样导入主组件：

import React from 'react';
import Home from './pages/Home.js'

function App() {

  return (
    <div>
      <h1>Hello</h1>
      <Home />
    </div>

  );
}

export default App;

。。。
从“/pages”导入{Home，SomeOtherComponent}；
...

代码失败的原因是

页面

文件夹没有

index.js

文件。如果要直接从

pages

文件夹导入

Home

页面组件，而不使用

import Home from“/pages/Home”

语法，则必须在

pages

目录内创建一个导出主页组件的

index.js

文件，如下所示：

import React from 'react';
import Home from './pages/Home.js'

function App() {

  return (
    <div>
      <h1>Hello</h1>
      <Home />
    </div>

  );
}

export default App;

“/pages/index.js”

。。。
从“./home”导出*；
从“/someOtherPage”导出*；
....

然后，在App.js中，您可以像这样导入主组件：

import React from 'react';
import Home from './pages/Home.js'

function App() {

  return (
    <div>
      <h1>Hello</h1>
      <Home />
    </div>

  );
}

export default App;

。。。
从“/pages”导入{Home，SomeOtherComponent}；
...

pages文件夹中有什么？你们有叫pages的文件吗？你应该把你的主页组件作为一个单独的文件分开嘿@FahimHoque在我的pages文件夹中有两个文件Home.js和About.js。pages文件夹中有什么？你们有叫pages的文件吗？你应该将你的主页组件作为一个单独的文件分开嘿@FahimHoque在我的页面文件夹中有两个文件Home.js和About.js。谢谢！是的，所以我忘了在pages文件夹中添加index.js文件。我也试过导出{Home，About}但是没用，但是你的成功了！再次感谢！随时顺便说一句，您尝试使用的代码（

export{Home，About}…

）只有在Home和About组件从同一个文件导出时才起作用：）看起来很简单！哈哈，自从我上次接触React已经三个月了，所以我把它归结为失去联系：）谢谢！是的，所以我忘了在pages文件夹中添加index.js文件。我也试过导出{Home，About}但是没用，但是你的成功了！再次感谢！随时顺便说一句，您尝试使用的代码（

export{Home，About}…

）只有在Home和About组件从同一个文件导出时才起作用：）看起来很简单！哈哈，自从我上次接触React已经三个月了，所以我把它归结为失去联系：）