Возникли большие трудности с импортом частей библиотеки Javascript в файл. html - PullRequest
Новая
       13

Возникли большие трудности с импортом частей библиотеки Javascript в файл. html

0 голосов
/ 02 апреля 2020

У меня были большие трудности с попыткой импортировать части библиотеки Javascript в файл. html. Каждый раз, когда я решаю проблему, я сталкиваюсь с новой. В настоящее время я запускаю файл. html на локальном хосте после установки apache, но получаю два сообщения об ошибках в консоли, которые я не знаю, как исправить при попытке установить файлы из библиотеки Javascript. Это сообщения об ошибках:

Загрузка модуля из «http://localhost/js/core/MinimalStim» была заблокирована из-за недопустимого типа MIME («text / html»). Не удалось загрузить модуль с источником «http://localhost/js/core/MinimalStim».

Загрузка модуля из «http://localhost/js/core/WindowMixin» заблокирована из-за запрещенного типа MIME («text / html»). Не удалось загрузить модуль с источником «http://localhost/js/core/WindowMixin».

Загрузка модуля из «http://localhost/js/util/Util» была заблокирована из-за недопустимого типа MIME («text / html»). Не удалось загрузить модуль с источником «http://localhost/js/util/Util».

Загрузка модуля из «http://localhost/js/util/PsychObject» была заблокирована из-за недопустимого типа MIME («text / html»). Не удалось загрузить модуль с источником «http://localhost/js/util/PsychObject». localhost: 16: 1 

<!DOCTYPE html>
<html lang="en-US">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content = "ie=edge">
    <title>Today's date</title>
</head>

<body>
    <h1>"Today's date"</h1>
    <script src="js/visual/VisualStim.js" type="module"></script>
    <script src="js/core/MinimalStim.js" type="module"></script>
    <script src="js/core/WindowMixin.js" type="module"></script>
    <script src="js/util/Util.js" type="module"></script>

</body>

</html>

Кроме того, есть ли возможность установить целую библиотеку за раз, а не отделять файлы от библиотеки, потому что каждый раз, когда я пытаюсь импортировать файл из этой библиотеки, этот файл импортирует другие файлы из той же библиотеки, а это значит, что мне придется импортировать и этот файл из библиотеки Я не могу найти информацию об этом нигде в Интернете.

1 Ответ

0 голосов
/ 02 апреля 2020

Вы можете использовать https://parceljs.org/ или веб-пакет для объединения файлов и создания одного. Посылка легкая. Может быть сделано в минимальные строки. WebPack потребовал небольших усилий для настройки

npm install -g parcel-bundler

Что касается проблемы с загрузкой, похоже, вам необходимо включить apache static сервер. Проверьте свою конфигурацию.

Другой причиной может быть ПОРТ, по умолчанию порт равен 80. Попробуйте использовать другой порт.

Обслуживание stati c файлов через apache

Вы можете использовать http-server, light weight сервер для обслуживания содержимого c.

https://www.npmjs.com/package/http-server

...