Задать вопрос
@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)
  • Вопрос задан
  • 503 просмотра
Комментировать
Подписаться 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 разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сайт с видеозвонками и чатами на react
28 апр. 2024, в 18:08
10000 руб./за проект
Дизайн визитки для сервисного центра
28 апр. 2024, в 18:05
1000 руб./за проект
Доработать блокчейн на golang
28 апр. 2024, в 17:10
20000 руб./за проект
Ещё заказы