Понимание причины поможет избежать повторений. Мы разберём, почему Node.js не понимает import, и покажем проверенные решения. Вы узнаете, как настроить проект под ES6-модули, перейти на CommonJS или использовать флаги. После этого код заработает без лишних хлопот.

Почему возникает ошибка и что такое модули в Node.js

Node.js по умолчанию использует систему CommonJS с require() и module.exports. Это старый стандарт, который не понимает import/export из ES6. Когда вы пишете import { func } from './module.js', движок думает, что файл — это обычный скрипт, а не модуль.

Проблема типична для новых проектов на ES6-модулях, где хочется tree-shaking и статического анализа. Представьте: вы копируете код из браузерного примера в серверный скрипт — и бац, ошибка. Node.js с версии 12+ поддерживает ES6, но требует явной активации. Без неё парсер ругается на неподдерживаемый синтаксис.

Это подводит к первым шагам исправления. Давайте разберём варианты по шагам.

• Проверьте версию Node.js: Запустите node -v. ES6-модули стабильно работают с v14+. Если версия старая, обновите.
• Анализ package.json: Отсутствие поля "type": "module" — частая причина. Node.js интерпретирует .js как CommonJS.
• Расширение файлов: .js по умолчанию — CommonJS, .mjs — ES-модуль. Простая переименование решает 30% случаев.

Важно: В ES6 всегда указывайте расширения в путях, типа ./module.js, иначе ошибка persists.

Решение 1: Активация ES6-модулей через package.json

Самый удобный способ для ц��лого проекта — добавить настройку в package.json. Это говорит Node.js: “Все .js-файлы здесь — ES-модули”. Откройте файл и вставьте строку "type": "module".

После этого import заработает везде. Но учтите: весь проект перейдёт на ES6, так что require() сломается. Если в коде есть legacy-библиотеки, это вызовет новые проблемы. Пример: простой сервер на Express с импортами.

// package.json
{
  "type": "module",
  "dependencies": { "express": "^4.18.0" }
}

// app.js
import express from 'express';
const app = express();
app.get('/', (req, res) => res.send('Hello!'));
app.listen(3000);

Запуск: node app.js — и вуаля, без ошибок. Это решение масштабируется для больших приложений.

1. Создайте или отредактируйте package.json.
2. Добавьте "type": "module" на верхний уровень.
3. Укажите расширения в импортах: import './file.js'.
4. Перезапустите скрипт.

Нюанс: Если проект на TypeScript, настройте tsconfig.json с "module": "ESNext".

Решение 2: Переход на CommonJS или использование .mjs

Если не хотите менять весь проект, вернитесь к CommonJS. Замените import на require(), export на module.exports. Это быстро, но теряет преимущества ES6, вроде статических импортов.

Пример трансформации:

// Было (ES6)
export const sum = (a, b) => a + b;

// Стало (CommonJS)
const sum = (a, b) => a + b;
module.exports = { sum };

// Импорт
// Было: import { sum } from './utils.js';
// Стало: const { sum } = require('./utils');

Альтернатива — переименуйте файл в app.mjs. Node.js сразу поймёт это как ES-модуль, без package.json. Идеально для тестов или скриптов.

• Для отдельных файлов: mv app.js app.mjs, затем node app.mjs.
• Destructuring работает: const { func } = require('./mod').
• Бандлеры спасут: Webpack или Babel транслируют ES6 в CommonJS автоматически.

Совет: В продакшене комбинируйте с bundler’ами для оптимизации.

Дополнительные инструменты и подводные камни

Иногда базовые способы не помогают — из-за bundler’ов или браузера. В браузере добавьте type="module" в <script>. Node.js флаг --experimental-modules устарел, используйте современные версии.

Проверьте пути: относительные ./ обязательны в ES6. Абсолютные или без расширений — ошибка. Для TypeScript компилируйте с tsc --module esnext.

<!-- Браузер -->
<script type="module" src="app.js"></script>

1. Webpack/Vite: Настройте output.library.type: 'module'.
2. Babel: .babelrc с @babel/preset-env.
3. Dynamic import: const mod = await import('./file.js') — асинхронно.
4. npm/yarn: npx для разовых скриптов.

Предупреждение: Микс CommonJS/ES6 в одном проекте — источник багов.

Когда выбрать каждый подход под вашу задачу

Ошибку можно исправить по-разному, в зависимости от проекта. Для серверов на чистом Node.js берите package.json с type: module. Маленькие скрипты — .mjs или CommonJS. Большие apps требуют bundler’ов вроде Vite.

Оставшиеся нюансы: динамические импорты, CJS-библиотеки в ESM (используйте createRequire). Подумайте о миграции на ESM полностью — будущее за ним. В новых версиях Node.js CommonJS потихоньку уходит.

Это базовые инструменты для стабильного кода. Дальше экспериментируйте с top-level await в ESM — там ещё фишки ждут.