Сбой при использовании nanoid в Vue с «Отсутствующим расширением файла cjs»

#javascript #vue.js #webpack #nanoid

#javascript #vue.js #webpack #nanoid

Вопрос:

Я хочу использовать nanoid в своем проекте Vue. Я пробовал оба:

 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 srccomponentsmoleculesProfileLink.vue:18:24:
  16 | import { BPopover } from 'bootstrap-vue';
  17 | // import nanoid from 'nanoid';
> 18 | import { nanoid } from 'nanoid';
  

Добавление суффикса также не помогает:

 This dependency was not found
  

Как это исправить?

Комментарии:

1. Я не могу воспроизвести это ~ codesandbox.io/s/blue-framework-j7gy3?file=/src/App.vue . Попробуйте старый rm -rf node_modules package-lock.json amp;amp; npm install

2. Спасибо, это помогло