ПОЛУЧИТЬ http: // localhost: 8080 / dist / bundle.js net :: ERR_ABORTED 404 (не найдено)
Я новичок в разработке MERN. Я попробовал учебник «Hello World», чтобы получить базовое представление о MERN.
В руководстве используются Webpack 4, Babel, expressJS и ReactJS.
Все работает нормально, но скомпилированный ES6 bundle.js, который был создан с помощью Webpack, не запускается в окончательном выводе.
Я получаю следующую ошибку при загрузке template.js:
GET http://localhost:8080/dist/bundle.js net::ERR_ABORTED 404 (Not Found)" error
Я пробовал все комбинации относительных путей, но все равно это не работает.
Пожалуйста, посмотрите мой код template.js ниже:
export default () => {
return `<!doctype html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<title>MERN Tutorial</title>
</head>
<body>
<div id = "root"></div>
</body>
<script type = "text/javascript" src = "dist/bundle.js"/>
</html>`;
};
Пожалуйста, помогите мне исправить проблему.
С уважением, Прадип Сельва.
Привет, Ашванмег! Это работает, когда он включен в Webpack. В браузере отображается заголовок «MERN Tutorial», и единственное, что не вызывается bundle.js. Выдает ошибку 404, в то время как файл находится в папке dist.
Я думаю, что этот файл создается в папке dist, если я не ошибаюсь. @Pradeep, можешь попробовать сменить src на ./bundle.js
Да, файл находится в папке dist. Я пробовал, но не работает.
когда вы добавляете тег скрипта в html: используйте этот синтаксис: <script type = "module" src = "/bundle.js"></script>
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Была такая же ошибка при использовании свойств React-Router. Проблема возникла в моем index.html, где я загружаю свою основную ссылку на свой скомпилированный файл javascript bundle.js.
Я переключил:
<script src = "./bundle.js"></script>
к
<script src = "/bundle.js"></script>
И это сразу решило проблему.
Спасибо эта почта за то, что помог мне разобраться!
Эта ошибка также может быть результатом использования имен классов с буквами, которые не являются частью базового латинского языка, например Ø.
Это HTML-код, который нельзя экспортировать с помощью файлов JavaScript. Итак, вам нужно погрузиться немного глубже, чтобы понять файловую структуру, чтобы начать с React.js.