Не рендерит React страницу из-за 404 ошибки

@Андрей1981 · Регистрация: 05.06.2016

Студворк — интернет-сервис помощи студентам

Доброго времени суток!
Пытаюсь создать первое приложение на реакте
Мой package.json

JSON
1
2
3
4
5
6
7
8
9
10
{
   "name": "budget",
   "version": "1.0.0",
   "scripts": {
     "start": "lite-server"
   },
  "devDependencies": {
    "lite-server": "^2.2.1"
  }
}

html-page:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
   <head>
     <meta charset="utf-8"/>
     <title>Menu</title>
  </head>
<body>
     <div id="app"></div>
 
    <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
    <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.25.0/babel.min.js"></script>
    <script type="text/babel" src="MainMenu.jsx"></script>
 
  </body>
</html>

jsx:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
class MainMenu extends React.Component {
   render() {
      return <table>
        <tr>
            <td>Date</td>
            <td>Operation</td>
            <td>Amount</td>
            <td>Item of expenditure</td>
            <td>Balance</td>
        </tr>
     </table>
     }
 }
 
ReactDOM.render(
     <MainMenu/>,
     document.getElementById("app")
);

При попытке старта возвращает пустую страницу с надписью CANNOT GET/
В дебаге выдает 404 ошибку.

Вот структура проекта на всякий случай:

Хелп ми, плиз

@j2FunOnly · 17.08.2020, 10:21

Сообщение от Андрей1981

При попытке старта возвращает пустую страницу с надписью CANNOT GET/

А ваш lite-server знает, что он должен при запросе / вернуть menu.html?

@Андрей1981 · 17.08.2020, 15:10 **[ТС]**

Хороший вопрос. Я об этом не задумывался

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@Андрей1981 0 / 0 / 0 Регистрация: 05.06.2016 Сообщений: 128
	17.08.2020, 15:10 [ТС]
	Хороший вопрос. Я об этом не задумывался 0