Lodash import дает ошибку в проекте Node.js

Question

Я только начинаю экспериментировать с Node.js и объектно-ориентированным программированием в Javascript.

Это мой узел на основе структуры проекта

Это мой package.json файл:

Я пытаюсь использовать lodash в моем файле app.js. Для этого я пытаюсь сделать:

import * as _ from "lodash"; 

, но это дает мне ошибку:

Я попробовал другой подход первой импортировать lodash с помощью:

var _ = require('lodash'); 

Но это также дало мне ошибка:

Я пытаюсь понять, в чем разница в двух импортах (я думаю, что 1-й - это w ay сделать это в подходе модулей ES6). Какой из них используется, когда. И почему это не работает в моем приложении? Каков правильный способ использования lodash в моем приложении? Я уверен, что это довольно простые вопросы, но везде, где я смотрю, он показывает один из двух вышеупомянутых способов загрузки lodash, и они не работают на меня.

Answer 1

Для любого яваскрипта кода, который запускается на выполнение в браузере и требует lodash самый простой способ сделать это просто иметь <script> тег в вашем HTML, прежде чем ваш код работает:

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.js"></script>

Тогда вы не» t нужно потребовать или импортировать lodash в файл app.js. Пример выше загружает lodash с внешнего CDN. Чтобы загрузить его из собственного приложения, просто измените атрибут src, чтобы указать, где ваше приложение node.js обслуживает библиотеку lodash.

Если вы хотите использовать операторы require или import в вашем javascript-коде клиента, есть инструменты сборки и транспиляторы, которые заменяют требуемые или важные инструкции в вашем исходном коде на код, который будет работать в браузере. Это сохраняется в другом файле, а затем вы запускаете этот файл в своем браузере. Browserify, Webpack и Babel Некоторые из них вы можете захотеть изучить, но если вы только начинаете, вы можете захотеть сделать это когда-нибудь, когда будете строить более сложные приложения.