Javascript 在Vue中使用nanoid失败，原因是''；缺少文件扩展名cjs“；

我想在我的Vue项目中使用nanoid。我尝试了两种方法：

import nanoid from 'nanoid';
import { nanoid } from 'nanoid';

但webpack在以下方面失败：

Module Error (from ./node_modules/eslint-loader/index.js):
error: Missing file extension "cjs" for "nanoid" (import/extensions) at src\components\molecules\ProfileLink.vue:18:24:
  16 | import { BPopover } from 'bootstrap-vue';
  17 | // import nanoid from 'nanoid';
> 18 | import { nanoid } from 'nanoid';

添加后缀也无济于事：

This dependency was not found

---

如何修复它？

我无法复制此~。尝试旧的

rm-rf node_modules package-lock.json&&npm安装
。尝试旧的
rm-rf node_modules package-lock.json&&npm安装
谢谢，它很有帮助