Почему код React работает без ошибок? - PullRequest
Новая
       0

Почему код React работает без ошибок?

0 голосов
/ 13 апреля 2020

У меня есть вопрос.

Я начал обучение React на этой странице . И я создал проект React с помощью 'create-Reaction-app' и удалил несколько файлов (/src/App.js .. et c.). Наконец я написал код ниже и запустил код.

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», но там не было тега ссылки на скрипт. Почему нет ошибок? Потому что я использовал «создать-реакция-приложение»?

PS. Некоторые контексты могут быть странными, потому что я использовал какой-то сервис Google Translate. Извините: (..

1 Ответ

1 голос
/ 13 апреля 2020

Если вы используете от create-react-app до bootstrap вашего проекта, вам нужно знать, что в create-react-app есть пара абстракций, что упрощает создание приложения реакции, не беспокоясь о скриптах, конфигурации и инструменты для сборки.

В Документах было указано, что для сборки проекта эти файлы должны существовать с точными именами файлов:

public/index.html - это страница template;

src/index.js - это точка входа JavaScript.

Вот ссылка на руководство Getting Started , надеюсь, это поможет. Удачи!

PS Из вашего кода - index.js я вижу, что у вас все еще есть ссылка на index.css, просто хотел указать на это, поскольку вы сказали, что удалили все. Вы также можете удалить два тега <link> в файле index. html, который ссылается на изображение и файл манифеста. json из папки public (если они больше не существуют)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...