Приложение React/Django в VSCode выдает ошибку "синтаксиса", но я не знаю, что она означает, и никогда не видел ее раньше

Я начал создавать внешнюю часть приложения с помощью react, а затем интегрировал Django и Django RF. У меня возникла пара проблем с первоначальной настройкой, но я смог разобраться с каждой ошибкой по мере их появления, однако, в данном случае я не знаю, что она означает, похоже на синтаксическую ошибку, но я не уверен, что именно ее вызывает.

  1. Когда я запускаю сервер, проблем нет, и я действительно получаю код состояния 200 200 код состояния при переходе на localhost:8000

  2. webpack запущен и успешно скомпилирован

  3. В моем index.html я пытаюсь загрузить мой JS, который находится в статической папке, следующим образом введите описание изображения здесь но он показывает мне что-то вроде синтаксической ошибки, возможно, он не ожидает такого типа синтаксиса

    .
  4. Когда я смотрю на консоль в браузере, я вижу, что мои ссылки загрузились, и что скрипт работает, так как он может ссылаться на то, где находится мой JS файл консоль в браузере проблемы с файлом импортаindex.js

  5. Один из способов исправить это - добавить type="module" в мой файл index.html внутри тега script, но как только я это делаю, появляется следующая ошибка консоль в браузере index.js файл

Я пробовал добавлять type:module в свой package.json, чтобы не иметь его в моем скрипте, но это ничего не меняет, кроме того, что мне везде нужны операторы import вместо require.

Я смотрел пару видео на youtube и они кажутся довольно похожими на то, что у меня есть, никогда не видел правильного выделения на скрипте tho.

Когда я запускаю npm run dev, мой index.html выглядит нормально и не ломается, даже если скрипт выделен красным цветом.

Заранее большое спасибо. Любое руководство будет высоко оценено!

Вернуться на верх