带有 Typescript 和 Webpack 模块错误的 Lodash-es

Question

我想使用 lodash-es 只导入我需要的功能，但是我得到一个错误。

import { camelCase } from "lodash-es";
//...
console.log(camelCase('Foo'));

错误：

Module not found: Error: Can't resolve 'lodash-es' in '/Users/...

浏览器控制台错误

Uncaught Error: Cannot find module 'lodash-es' at webpackMissingModule..

我的package.json

...
"devDependencies": {
"@types/lodash": "^4.14.178",
"@types/lodash-es": "^4.17.5",

使用普通的 lodash 我没有问题，但是这个库对我来说太大了

Answer 1

您的依赖项中还需要 lodash-es（或 lodash）。您可以像这样导入单个函数：

import camelCase from "lodash-es/camelCase";

保持较小的包大小。 @types/* 包只是类型定义。

Lodash-es with Typescript and Webpack module error