Задать вопрос
@123581321345589
web-разработчик
javascript

Что не так с "type": «module»?

package.json
{
  ...
  "type": "module",
  "dependencies": {
    "vue": "^3.2.36"
  }
}


index.html
<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <script src="main.js"></script>
  </body>
</html>


main.js
import Vue from 'vue'

Ошибка
Uncaught SyntaxError: Cannot use import statement outside a module (at main.js:1:1)
  • Вопрос задан
  • 813 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
@123581321345589 Автор вопроса
web-разработчик
Самый простой вариант:

index.html
...
<script src="main.js" type="module"></script>
...


main.js
import 'node_modules/vue/dist/vue.global.js';
...
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 2
@its2easyy
не хватает type="module" у тега script, если вы сборщики не используете
Ответ написан
3 комментария
3 комментария
@JuniorHabr
Чтобы все заработало, нужно не только дописать type=module тегу script, но и запустить локальный сервер. Используйте икстеншин live server (или что-то подобное) вашего редактора кода, чтобы все заработало
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Бэкэнд-разработчик JavaScript
Wanted. • Москва
от 250 000 до 400 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Fullstack developer (JS, C++)
Сбер • Москва
от 300 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Нужно отснять 10 видео-инструкций для YouTube
15 янв. 2025, в 15:22
10000 руб./за проект
Задача для менеджера проекта (удаленно, проектная основа)
15 янв. 2025, в 15:05
30000 руб./за проект
Разработать драйвер камер raspberry pi на orange pi
15 янв. 2025, в 14:22
5000 руб./за проект
Ещё заказы