Ошибка подключение модуля. Error: require is not defined

@Dinozaurs · Регистрация: 09.02.2022

Студворк — интернет-сервис помощи студентам

Помогите пожалуйста. Я не профессионал.
В своем проекте пробую вынести из основного js файла в другой js файл переменные в виде числовых массивов, и подлючить эти данные путем экспорта.

Но не получается.
В консоли браузера выдается ошибка - Uncaught ReferenceError: require is not defined относительно файла получателя по строке:

JavaScript
1
var {x1, y1, x2, y2} = require('./coord');

В файле отправителе ошибка - Uncaught ReferenceError: module is not defined
по строке №1

JavaScript
1
2
3
4
module.exports.x1 = [823,  486];
module.exports.y1 = [178, 223];
module.exports.x2 = [-200, -378];
module.exports.y2 = [-900,  -500];

В браузере проект запускается как html файл через запускаемый из консоли node сервер.
При этом сервер запускается только лишь при наличии в файле package.json - "type": "module".
Если не заморачиваться с выводом координат в другой файл, все работает. Но хочу координаты хранить отдельно.

В html файле прописаны два js файла.

HTML5
1
2
<script src="map_sv.js" defer></script>
 <script src="coord.js" defer></script>

Пробовал запускать для проверки упрощенный код через другие файлы с консоли node file1 - все работает.
file1

JavaScript
1
2
var {x1, y1, x2, y2} = require('./file2');
console.log(x1, y1, x2, y2);

file 2

JavaScript
1
2
3
4
module.exports.x1 = [823,  486];
module.exports.y1 = [178, 223];
module.exports.x2 = [-200, -378];
module.exports.y2 = [-900,  -500];

Вставляю все это в свой код выдается ошибка см. выше.
Помогите, что нужно сделать, почему не идет экспорт?

@DrType · 18.05.2022, 18:16

require и module будут нормально работать только в среде Node. Для браузерных скриптов необходимо использовать import, если это модули

JavaScript
1
import {x1, y1, x2, y2} from './file2';

или просто последовательно подключить их на странице и прямо обращаться в одном (подключённом позже) к переменным из другого.

Чтобы один и тот же скрипт можно было запускать и на сервере, и в браузере (иногда это удобно), можно добавить в него такую конструкцию

JavaScript
1
2
3
if (typeof window == "undefined" && typeof module !== "undefined") {
  module.exports = { /* ... */ };
}

krvsa · 18.05.2022, 18:26

Dinozaurs, вот смотри...

1. Условия, необходимые для работы с ES-модулями в Node.js

На платформе Node.js по умолчанию используются модули формата CommonJS. Для того чтобы платформа смогла бы использовать ES-модули, нужно кое-что сделать.

А именно, Node.js сможет пользоваться ES-модулями в следующих случаях:

Если файл модуля имеет расширение .mjs.
Или если в package.json ближайшей родительской папки модуля имеется конструкция { «type»: «module» }.

https://habr.com/ru/company/ruvds/blog/556744/

Ты пишешь

Сообщение от Dinozaurs

Uncaught ReferenceError: require is not defined
...
Uncaught ReferenceError: module is not defined
...
сервер запускается только лишь при наличии в файле package.json - "type": "module"

Т.ч. Пробуй в модуле export, а подключение через import.

@Dinozaurs · 18.05.2022, 20:58 **[ТС]**

Пробую так:

JavaScript
1
import { x1, y1, x2, y2 } from "./coord.js";

это в основном файле

JavaScript
1
2
3
4
const x1 = [823, 486];
const y1 = [178, 223];
const x2 = [-200, -378];
const y2 = [-900, -500];

это во вспомогательном

в html прописал:

HTML5
1
2
3
<script src="map_sv.js" defer></script>
        <script type="module" src="map_sv.js"></script>
        <script type="module" src="coord.js"></script>

но в консоли выдаются теперь ошибки
Uncaught SyntaxError: import declarations may only appear at top level of a module map_sv.js:2:4
Uncaught SyntaxError: import not found: y2

Добавлено через 1 час 30 минут
В html прописал:

HTML5
1
<script type="module" src="map_sv.js"></script>

В основном js файле прописал:

JavaScript
1
import { x1, y1, x2, y2 } from "./modules/coord.js";

Во вспомогательном js файле прописал:

JavaScript
1
2
3
4
export var x1 = [823,  486];
export var y1 = [178, 223];
export var x2 = [-200, -378];
export var y2 = [-900,  -500];

Переменные затянулись в основной файл и значения.
Но теперь на первой функции в основном js файле программа стопорится консоль выдает ошибку:
Uncaught ReferenceError: sst is not defined

HTML5
1
<button onclick='sst()' id="bt10"> TITTLE </button>

JavaScript
1
2
3
4
function sst() {
    const Dig=new Date();
    const year=Dig.getYear();
if (year<=122) { .......

Это происходит из-за

HTML5
1
<script type="module" src="map_sv.js"></script>

.
Если без импорта в js и в

HTML5
1
<script src="map_sv.js" defer></script>

- все работает.

Почему теперь программа начала стопориться на функции?
Как мне исприавить это взаимоисключающее условие.

Добавлено через 13 минут
Экспорт, импорт заработал, спасибо. Перешел на новую тему "Импорт экспорт модулей в JS и HTML" т.к. появилась новая проблема.

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .