"Не удается получить /" - 404

#svelte

#стройный

Вопрос:

Просматривая документы быстрого запуска для Svelte, выполнил команды для начала работы.

 npx degit sveltejs/template my-svelte-project
cd my-svelte-project
npm install
npm run dev

Результат: Your application is ready~! 🚀

Откройте localhost:5000 : «Не удается получить /»

Пробовал пару разных способов, каждый раз одно и то же.

Я использую Chrome v84, macOS Mojave v10.14, последнюю версию Svelte и накопительный пакет.

Журналы CLI:

У кого-нибудь есть идеи, почему это может происходить?

Обновить

Пытался использовать Svelte REPL для загрузки zip-файла, но это выдает ту же ошибку.

Вот моя файловая структура, если кто-нибудь может сравнить:

 |-node_modules
|-public
  |-build
    |-bundle.css
    |-bundle.js
    |-bundle.css.map
    |-bundle.js.map
  |-favicon.png
  |-global.css
  |-index.html
|-scripts
  |-setupTypeScript.js
|-src
  |-App.svelte
  |-main.js
|-.gitignore
|-package.json
|-package-lock.json
|-README.md
|-rollup.config.js

Может быть, мне не хватает файла или чего-то еще? Понятия не имею.

1. Для меня это выглядит нормально и работает с этими точными командами на моей машине (хотя и с Ubuntu). Вы видите запрос в консоли? (Обычно это выглядит так — вы тоже видите там 404 или вообще не запрашиваете?) Может быть, что-то еще уже прослушивает порт 5000? npm run build Выдает ли какие-либо ошибки (это должно заканчиваться created public/build/bundle.js )?

2. В консоли vscode нет журналов, в инструментах разработки, которые я получаю Failed to load resource: the server responded with a status of 404 (Not Found)

3. Больше ничего на порту 5000

4. я просто попробовал те же шаги, и у меня не возникло никаких проблем. Возможно, вам нужно обновить свой node.version? В моем случае я заметил, что получаю ([2020-07-25 10:12:45] ожидание изменений …) и получаю (созданный publicbuildbundle.js за 402 мс) до (ваше приложение готово), которого я не вижу на вашем скриншоте, так что это дает мне понять, что это связано с вашим node.js

5. Обновленный узел, но все еще возникает та же проблема. Если я сохраню App.svelte, я получу это: bundles src/main.js → public/build/bundle.js... created public/build/bundle.js in 66ms

Ответ №1:

«Своего рода» исправление, которое я нашел, заключается в том, чтобы закомментировать строку !production amp;amp; livereload('public'), в rollup.config.js , пока он работает на порту 5000. Затем он переключается на случайный порт и работает нормально.

Обновить

Фактическое исправление (в CLI):

 lsof -i :5000

Возьмите PID и kill :

 kill -9 35587

Ответ №2:

В вашем index.html файле, в ваших тегах ссылок, которые ссылаются на ваш bundle.css и bundle.js , убедитесь, что ваши hrefs ссылаются на build/bundle.css и build/bundle.js (или где бы эти файлы ни находились на самом деле).