Question

嗨，我要导入存储在pages文件夹中的home组件。将其添加到我的应用程序的路由器中

获取以下错误 ./src/App.js找不到模块：无法解析'./pages'

但是我似乎做得正确吗？找不到模块：无法解析'./pages'

请帮助我为什么在那里没有找到它的说法模块

App.JS代码

import React from 'react';
import { BrowserRouter as Router, Switch } from 'react-router-dom';
import { Route } from 'react-router-dom';
import Home from "./pages";

function App() {
  return (
    <Router>
      <Switch>
        <Route path="/browse">
          <p>I will be the sign in page</p>
        </Route>
        <Route path="/signin">
          <p>I will be the sign up page</p>
        </Route>
        <Route path="/browse">
          <p>I will be the browse page</p>
        </Route>
        <Route path="/">
          <Home />
        </Route>
      </Switch>
    </Router>
  );
}

export default App;

home.js代码

import React from 'react';

export default function Home() {
    return (
        <h1>Hello Sambulo</h1>      
    )
}

Answer 1

从FetchError: request to http://www.fakeurl/image.jpg failed, reason: socket hang up at ClientRequest.<anonymous> (/home/user/code/url-check/node_modules/node-fetch/lib/index.js:1455:11) at ClientRequest.emit (events.js:321:20) at Socket.socketOnEnd (_http_client.js:463:9) at Socket.emit (events.js:333:22) at endReadableNT (_stream_readable.js:1201:12) at processTicksAndRejections (internal/process/task_queues.js:84:21) {导入时，默认行为是在connection.query(sql, (error, results, fields) => { if (error) { return console.error(error.message); } for (let i = 0; i < results.length; i++) { getImage(results[i].image_url); } }); connection.end();文件夹中查找名为'./pages'的文件。

如果要导入index.js，则必须将导入更改为

./pages

末尾的home.js是可选的，因为import Home from "./pages/home.js";是导入的默认文件扩展名

Answer 2

根据React组件名称约定，最好使用Home.js作为文件名。因此，这也是有效的。

import Home from "./pages/Home";

组件名称应在PascalCase中。

例如，MyComponent，MyChildComponent等。

找不到模块：无法解析'./pages'编译失败

2 个答案: