Size: a a a

2020 May 16

G

GNU/Vsevolod in React Kyiv
Диего Мустафа
react-router-dom, если я правильно понял вопрос
Неправильно.
Що в тебе в адресному рядку браузера тоді?
источник

ДМ

Диего Мустафа... in React Kyiv
GNU/Vsevolod
Неправильно.
Що в тебе в адресному рядку браузера тоді?
смотри. у меня в dist собирается bundle js вебпаком. также в дист лежит index.html, где я прописал путь к budle.js. все ок, если я открываю в браузере /. но если открываю, например /products/1, то  bundle уже 404.

для роутинга BrowserRoute
источник

SS

Serhey Shmyg in React Kyiv
Диего Мустафа
при переходе в браузере на внутр страницу, bundle.js в index.html не подтягивается. все ок, только если полный путь указываю localhost:3000/bundle.js

как правильно сделать ?
у меня сейчас в папке dist изначально лежит index.html и в нем прописан путь к bundle.js
вебпак дев сервер?
источник

G

GNU/Vsevolod in React Kyiv
Диего Мустафа
смотри. у меня в dist собирается bundle js вебпаком. также в дист лежит index.html, где я прописал путь к budle.js. все ок, если я открываю в браузере /. но если открываю, например /products/1, то  bundle уже 404.

для роутинга BrowserRoute
Що ти вписуєш в адресний рядок в браузері, коли відкриваєш сторінку? Напиши повністю
источник

SS

Serhey Shmyg in React Kyiv
А ще краще покажи конфіг вебпака якщо це вебпакдевсервер
источник

ДМ

Диего Мустафа... in React Kyiv
GNU/Vsevolod
Що ти вписуєш в адресний рядок в браузері, коли відкриваєш сторінку? Напиши повністю
источник

ДМ

Диего Мустафа... in React Kyiv
GNU/Vsevolod
Що ти вписуєш в адресний рядок в браузері, коли відкриваєш сторінку? Напиши повністю
http://localhost:3000/products/1
источник

G

GNU/Vsevolod in React Kyiv
Диего Мустафа
http://localhost:3000/products/1
В index.html зроби
<script src="/bundle.js></script>
источник

ДМ

Диего Мустафа... in React Kyiv
GNU/Vsevolod
В index.html зроби
<script src="/bundle.js></script>
у меня именно так и сделано
источник

G

GNU/Vsevolod in React Kyiv
Диего Мустафа
у меня именно так и сделано
В тебе output — bundle.[name].js, замість bundle.js
источник

ДМ

Диего Мустафа... in React Kyiv
GNU/Vsevolod
В тебе output — bundle.[name].js, замість bundle.js
это не важно. в index.html у меня bundle.main.js, если быть точным. я же говорю, на главной все ок и когда прописываю путь с хостом в html, то все ок и на внутр страницах
источник

G

GNU/Vsevolod in React Kyiv
Диего Мустафа
это не важно. в index.html у меня bundle.main.js, если быть точным. я же говорю, на главной все ок и когда прописываю путь с хостом в html, то все ок и на внутр страницах
Можеш ще .html залити?
источник

ДМ

Диего Мустафа... in React Kyiv
GNU/Vsevolod
Можеш ще .html залити?
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Title</title>
</head>
<body>
<div id="root"></div>
<script type="text/javascript" src="/bundle.main.js"></script></body>
</html>
источник

ДМ

Диего Мустафа... in React Kyiv
добавил плагин html-webpack-plugin чтобы скрипт в html добавлялся и все работает. дело в этом было.

может кто то обьяснить, почему так работает ?
источник

RD

Rostyk Doskochynskiy in React Kyiv
тому що вебпак вміє працювати тільки з js.
источник

RD

Rostyk Doskochynskiy in React Kyiv
якщо тобі потрібно парсити html то треба підключати плагін
источник

RD

Rostyk Doskochynskiy in React Kyiv
і якщо стилі то треба підключати лоадери для них
источник

G

GNU/Vsevolod in React Kyiv
Диего Мустафа
добавил плагин html-webpack-plugin чтобы скрипт в html добавлялся и все работает. дело в этом было.

может кто то обьяснить, почему так работает ?
В тебе код часом не модифікує base-тег?
источник

G

GNU/Vsevolod in React Kyiv
Можеш скріншотнути network табу в devtools, коли помилка?
источник

ДМ

Диего Мустафа... in React Kyiv
GNU/Vsevolod
Можеш скріншотнути network табу в devtools, коли помилка?
После того как html webpack plugin подключил, уже нет ошибки.
источник