Typescript lodash no default export for one function

Question

I am trying to import only one function from lodash like this:

import get from 'lodash/get';

I already installed lodash and @types/lodash, and I'm getting this error:

@types/lodash/get/index"' has no default export.)

Answer 1

You can import a single function from lodash using import isEqual from 'lodash/isEqual'; in typescript with the esModuleInterop flag in the compiler options (tsconfig.json)

example

{   "compilerOptions": {     "module": "commonjs",     "target": "es5",     "lib": ["es6", "dom"],     "moduleResolution": "node",     "esModuleInterop": true,     ...   } } 

Answer 2

i had same problem, and i ended up here,

so here is the solution:

you need to install lodash-es

npm install --save lodash-es 

instead of normal lodash

and read this link

https://medium.com/@armno/til-importing-lodash-into-angular-the-better-way-aacbeaa40473

update 1: it should really be easier, but anyway

point 1: install typings

 npm i -D @types/lodash-es 

point 2: import from "lodash-es" not "lodash"

point 3: import like this, it's proper way (otherwise you will get a much larger bundle)

import  orderBy  from 'lodash-es/orderBy'; 

Answer 3

This is what I had to do to make it working for lodash.random, which I think should reasonably work for lodash.get too :

• Install the function of lodash you want with npm install --save lodash.random
• Install the types linked to it: npm install --save-dev @types/lodash.random
• Set compilerOptions.allowSyntheticDefaultImports to true in your tsconfig.json
• Import it like import { random } from 'lodash';