Vite .css при использовании SSR

qubeek commented 2 months ago

Версия библиотеки

2.1.4

Как воспроизвести

При использовании кастомного SSR

Опишите проблему

TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".css" for /var/www/html/node_modules/vue-yandex-maps/dist/vue-yandex-maps.css
    at Object.getFileProtocolModuleFormat [as file:] (node:internal/modules/esm/get_format:160:9)
    at defaultGetFormat (node:internal/modules/esm/get_format:203:36)
    at defaultLoad (node:internal/modules/esm/load:143:22)
    at async ModuleLoader.load (node:internal/modules/esm/loader:553:7)
    at async ModuleLoader.moduleProvider (node:internal/modules/esm/loader:434:45)

Дополнительная информация

Чтобы решить эту проблему нужно добавить следующий код в vite.config.js

ssr: {
  noExternal: [ 'vue-yandex-maps' ], // Кажется, что здесь можно сделать менее жесткую выборку
},

Кажется есть смысл добавить это в документацию библиотеки, чтобы другие разработчики могли использовать в своих проектах

Ответы на вопросы

[X] Я использую версию 2.x
[X] Я поискал похожие ошибки и не нашел таковых

daniluk4000 commented 2 months ago

КАСТОМНЫЙ SSR? Ух ты.

Сделаете мне репозиторий с простейшим примером?

qubeek commented 2 months ago

Да, не вопрос, но на это потребуется время.

Не то, чтобы кастомный, имел ввиду, что без использования Nuxt

daniluk4000 commented 2 months ago

Да, не вопрос, но на это потребуется время.

Не то, чтобы кастомный, имел ввиду, что без использования Nuxt

Ну я так и понял, не часто встретишь просто такое.

В документацию добавить легко, но я бы попробовал исправить)

qubeek commented 2 months ago

@daniluk4000

https://github.com/qubeek/vue-yandex-maps-issue

В .env нужно указать ключ от API, после чего запустить npm run dev:ssr

В консоли и в клиенте по http://localhost:5173 будет выводиться ошибка

daniluk4000 commented 2 months ago

@daniluk4000

https://github.com/qubeek/vue-yandex-maps-issue

В .env нужно указать ключ от API, после чего запустить npm run dev:ssr

В консоли и в клиенте по http://localhost:5173 будет выводиться ошибка

Спасибо! Очень интересно будет посмотреть

yandex-maps-unofficial / vue-yandex-maps