Правильный путь импорта и использования lodash в угловом

Question

я использовал, чтобы иметь возможность использовать метод lodash в Угловом с помощью оператора импорта, похожего на следующий:

import {debounce as _debounce} from 'lodash'; 

теперь я получаю следующее сообщение об ошибке при использовании, что заявление:

'"{...}/node_modules/@types/lodash/index"' has no exported member 'debounce'. 

единственное, что будет компилировать без ошибок это утверждение:

import * as _ from 'lodash'; 

В моем коде я меняю _debounce() на _.debounce(). Это единственный (и/или правильный) способ сделать это? Есть ли способ импортировать debounce, или это не имеет значения из-за «treeshaking»? Я понимаю, что могу написать свою собственную функцию дебюта, но меня в основном интересует «правильный» способ сделать это.

p.s. Другие варианты, которые я пробовал (у каждого есть какие-то ошибки, связанные с ним):

import {debounce as _debounce } from 'lodash/debounce'; 
import * as _debounce from 'lodash/debounce'; 
import debounce = require('lodash/debounce'); 

FYI ... Я использую следующие версии:

Angular: 2.4.5

Typescript: 2.1.5

Angular-cli: 1.0.0-beta.26

Answer 1

(если вы заботитесь о дереве встряхивая см обновления)
Я полагаю, для того, чтобы принести lodash в свой проект, который вы уже сделали

npm install lodash --save 
npm install @types/lodash --save-dev 

Если вы хотите импортировать только необходимые функции, которые вы должны сделать:

import * as debounce from 'lodash/debounce' 

или

import { debounce } from "lodash"; 

Используйте его как:

debounce() 

BTW: Вы, возможно, придется понизить ваша типовая версия до 2.0.10, так как вы используете угловой 2.x.

npm install typescript@2.0.10 --save-dev 

UPDATE:

Недавно я понял, что lodash пакет просто не дерево shakable, так что если вам нужно три встряхивания просто использовать lodash-es вместо этого.

npm install lodash-es --save 
npm install @types/lodash-es --save-dev 

import debounce from 'lodash-es/debounce' 

Answer 2

У меня была такая же проблема, и она начала работать после того, как я изменил «@ types/lodash» на версию «4.14.50».