Question

我有一个问题。

我已经开始了React教程this page。然后我通过使用“ create-react-app”创建了React项目，并删除了一些文件（/src/App.js等）。最后，我在下面编写了代码并运行了代码。

index.html

<!DOCTYPE html>
    <html lang="en">
       <head>
          <meta charset="utf-8" />
          <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
          <meta name="viewport" content="width=device-width, initial-scale=1" />
          <meta name="theme-color" content="#000000" />
          <meta
             name="description"
             content="Web site created using create-react-app"
          />
          <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
          <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
          <title>React App</title>
       </head>
       <body>
          <div id="root"></div>
       </body>
    </html>

index.js

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import './index.css';

class App extends Component {
    render() {
       return(
          <div className="App">
             <h1>Hello, React!</h1>
             <h2>Created react-tutorial</h2>
          </div>
       )
    }
}

ReactDOM.render(<App/>, document.getElementById('root'));

所以，我不知道为什么在运行该项目时没有错误。我查看了“ index.html”，但没有脚本链接标记。为什么没有错误？因为我使用过“ create-react-app”？

PS。有些环境可能很奇怪，因为我使用了一些Google翻译服务。抱歉：（..

Answer 1

如果您使用create-react-app来引导项目，那么您需要知道create-react-app有几处抽象的内容，这使得创建React应用程序变得很容易，而不必担心脚本，配置和构建工具。

在Docs中，有人指出要构建项目，这些文件必须以正确的文件名存在：

public/index.html是页面模板；

src/index.js是JavaScript的入口点。

这里是Getting Started指南的链接，希望对您有所帮助。祝你好运！

P.S从您的代码index.js中，我可以看到您仍然引用index.css，只是想指出这一点，因为您说过删除了所有内容。您可能还希望从<link>文件夹中删除引用图像的index.html文件中的两个public标签（如果它们不再存在）< / em>

为什么React代码可以正常工作？

1 个答案: