Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Проблема при использовании библиотеки совместно с ViteJS #804

Closed
sivan2203 opened this issue Aug 22, 2023 · 2 comments

Comments

@sivan2203
Copy link

sivan2203 commented Aug 22, 2023

При использовании ViteJS в dev режиме проект собирается нормально, если попытаться сделать продакшн сборку то возникает ошибка "Uncaught ReferenceError: require is not defined".

Screenshot 2023-08-22 at 13 32 18 Screenshot 2023-08-22 at 13 32 45

Происходит это из-за того что после сборки в файлах билда остаются куски кода содержащие функции require(). Vite поддерживает только модули ES6, соответственно вместо require нужно использовать import.

Мы пытались решить эту проблему принудительной сборкой пакета "core-components" (и остальных сопутствующих ему пакетов с иконками и тд.) в синтаксисе commonJS используя плагин https://github.com/originjs/vite-plugins/tree/main/packages/vite-plugin-commonjs, который был взят из обсуждения подобной темы тут vitejs/vite#3409. Проблему это не решило, в файлах билда все равно остается код в старом синтаксисе. Сталкивались ли вы с такими проблемами?

Прилагаю скрин с конфигом Vite.

Screenshot 2023-08-22 at 13 41 21
@v-gevak
Copy link
Contributor

v-gevak commented Aug 23, 2023

Нужно добавить в конфиг -

build: {
        commonjsOptions: {
            transformMixedEsModules: true
        }
    }

@v-gevak v-gevak closed this as completed Aug 23, 2023
@sivan2203
Copy link
Author

Отлично, работает. Большое спасибо!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants