lodash发现在Angular项目中不起作用

Question

npm install lodash
npm install @types/lodash

ng serve

import { find, upperCase } from 'lodash';

console.log(upperCase('test')); // 'TEST'
console.log(find(items, ['id', id])) // TypeError: "Object(...)(...) is undefined"

我尝试使用import * as _ from 'lodash'或不使用_.matchesProperty iteratee速记，但没有任何效果。

我找不到任何教程提到在Angular项目中使用lodash的任何其他步骤。

Angular CLI: 8.2.2
Node: 10.14.1
OS: win32 x64
Angular: 8.2.2

Package                           Version
-----------------------------------------------------------
typescript                        3.5.3
webpack                           4.38.0

Answer 1

我们正在使用lodash-es软件包，并可以使用它导入单个函数。

安装

yarn add lodash-es @types/lodash-es
// or
npm --save lodash-es @types/lodash-es

采用

import isArray from 'lodash-es/isArray';

const res = isArray(somevar);

Answer 2

遵循步骤以将loadash与Angular结合使用：

1. 安装loadash

   npm install --save lodash

2. 安装打字

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

3. 导入loadash

   import * as _ from "lodash";

   要么

   import _ from "lodash";

将示例运行为：

const items =[{id: 10, name: "Alex" }, {id: 20, name: "Jane"}];
console.log(_.find(items, ['id', 10]));

上述程序的输出为：

{id: 10, name: "Alex" }