Импорт модуля обратного отсчета вызывает ошибку при создании приложения React с Vite
Я использую модуль обратного отсчета в своем приложении React, который я импортирую следующим образом:
import countdown from 'countdown';
Когда я запускаю приложение в режиме разработки с помощью Vite, все работает нормально. Однако, когда я пытаюсь создать приложение, я получаю следующую ошибку:
RollupError: "default" is not exported by "node_modules/.pnpm/[email protected]/node_modules/countdown/countdown.js", imported by "src/App.tsx".
Вместо этого я попытался изменить оператор импорта на * as countdown, но затем получаю следующую ошибку:
DEFAULTS" is not exported by "node_modules/.pnpm/[email protected]/node_modules/countdown/countdown.js", imported by "src/App.tsx".
Cannot call a namespace ("countdown").
Вот MRE
Кто-нибудь знает, что может быть причиной этих ошибок и как я могу их исправить? Я новичок в React и Vite, поэтому буду признателен за любую помощь.
Заранее спасибо!
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
вы должны использовать именованный импорт
import * as countdown from 'countdown';
если это все еще дает вам ошибку «невозможно вызвать пространство имен», вы можете попробовать получить доступ к функциям модуля обратного отсчета, например
const remainingTime = countdown.default(new Date(2023, 4, 20));
и когда я запускаю его в своем браузере, я получаю эту ошибку TypeError: ip is not a function, если я использую countdown.default, он заменяет его на void: TypeError: (void 0) is not a function
Хотя мне не особенно нравится это решение, оно работает. По сути, я скопировал код библиотеки и объявления типов (countdown.js и countdown.d.ts), превратил countdown.js в модуль esm и внес небольшое изменение в countdown.d.ts, чтобы экспортировать модуль.
let countdown: countdown.CountdownStatic;
export default countdown;
С этими изменениями все работает и строится так, как ожидалось.
Я получаю ошибку типа, но если я ее игнорирую, я получаю эту ошибку:
"default" is not exported by "node_modules/.pnpm/[email protected]/node_modules/countdown/countdown.js"