Heroku deploy: одностраничное приложение как внешний интерфейс и экспресс-интерфейс как серверная часть

#javascript #node.js #express #heroku #deployment

Вопрос:

Я пытаюсь развернуть свое приложение на Heroku.

Моя стопка:

Серверная часть: Express Mongodb Машинопись

Интерфейс: Express Vanilla JS (Одностраничное приложение)

Серверная часть была развернута и работает нормально, проблема с интерфейсом. Жаль, что я не использовал React, потому что с React я бы знал, что делать. Проблема в ванильном JS. Я должен сказать, что все работает на моем локальном хосте, поэтому проблемы возникают после развертывания Heroku.

В моем index.html у меня есть эта строка:

 <script type="module" src="/static/javascript/index.js"></script>  

И я вижу в приложении Heroku html от index.html , нет css и в консоли эту ошибку: Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.

Я думаю, это потому, что Heroku пытается перейти к локализации https://my-app.herokuapp.com/static/javascript/index.js . Как сказать Heroku, чтобы он рассматривал этот путь как подпапку с модулем, а не как локализацию для перехода?

Когда я работаю с React , я говорю, package.json чтобы создать интерфейс npm run build , что является заменой для этого в Vanilla JS? Как сказать Героку, что это ванильный JS, и построить это?