Евгений Мидонов

Добрый вечер.

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

Мои действия:

  1. $ mkdir <название дир-и> => переходим в нее.
  2. $ touch index.html , touch index.js , связал js и html файлы
  3. $ npm init => заполняем package.json, после этого открываем файл и добавляем 'type': 'module',
  4. $ npm install lodash
  5. смотрим package.json - появилась запись о зависимостях.
  6. пишем код в index.js :

import _ from 'lodash';

_.capitalize('hello');

  1. запускаем - в консоли вывод ошибки

Uncaught SyntaxError: Cannot use import statement outside a module - Chrome Uncaught SyntaxError: import declarations may only appear at top level of a module - Firefox

Вот почему ? Что за синтаксическая ошибка ? Почему нельзя использовать import за пределами модуля, какого вообще модуля, и о чем вообще тут речь ???

PS Если запустить в консоли $ node index.js , то капиталайз выполняется , 'hello' выводится с большой буквы как нужно.

2 0

Сергей К.

Евгений, добрый день! Браузеры не понимают новый синтаксис, а import был добавлен в ES6. Этот вопрос разбирается далее по курсу, в уроке про babel. Там есть и решение.

1

Евгений Мидонов

Сергей К., спасибо за ответ, будем учиться дальше)

0

Есть вопрос или хотите участвовать в обсуждении?

Зарегистрируйтесь или войдите в свой аккаунт

Нажимая кнопку «Зарегистрироваться», вы даёте своё согласие на обработку персональных данных в соответствии с «Политикой конфиденциальности» и соглашаетесь с «Условиями оказания услуг».

Похожие вопросы

Saidmalik Allayarov 02 июля 2020 →

Здравствуйте, подскажите пожалуйста. После выполнения команды npm install lodash появилось сообщение npm no...

Adkham Badalbaev 11 июня 2020 →

Здравствуйте! Ответьте, пожалуйста, почему после копирования к себе репозитория nodejs-package из github и...

Алексей Згривец 12 мая 2020 →

Добрый день, а как добавить lodash в .gitignore через консоль?

Elena Solovyeva 22 апреля 2020 →

Добрый день! Подскажите пожалуйста, что включать в индекс после добавления в пакет (пакет свой, уже созда...

Daniyar Zhanakhmetov 19 апреля 2020 →

Флаг --save-dev приводит к тому что зависимость добавляется в секцию devDependencies файла package.json. Эт...