只有index.js可以在reactjs中工作

Question

我实际上刚刚开始使用 Reactjs。因此，当我使用 npm 在我的电脑上安装所有 React 包时，我删除了其中的所有 src 文件，因为它们只是示例文件，我想自己创建，但问题是我的主 js 文件名是“original.js”，而要求找不到“index.js”。所以我将文件名更改为“index.js”，现在它可以工作了。有人可以告诉我如何找到可以看到此问题的设置，这样我就不必将每个主 rract 文件命名为“index.js”。 谢谢你

Answer 1

通常在 Web 开发领域（不仅仅是 React），我们使用

index.*

文件而不是

main.*

文件。

如果您想重命名它，您可能需要执行一些复杂的操作，例如从

create-react-app

中弹出应用程序，然后更改

webpack.config.js

，但这对您来说似乎太高级了。

相反，我会推荐大多数在线教程所说的做法，即保留

index.js

作为应用程序的入口点并将主要组件导入其中，如下所示：

// src/index.js
import React from "react";
import ReactDOM from "react-dom";
import Main from "./Main";

ReactDOM.render(
  <React.StrictMode>
    <Main />
  </React.StrictMode>,
  document.getElementById("root")
);

// src/Main.js
import React from 'react';

const Main = () => {
  return (
    <h1>My main component</h1>
  );
};

export default Main;