Ошибка подключения модуля в Nuxt 3 приложение

Рейтинг: 0Ответов: 1Опубликовано: 30.06.2023

При сборке для разработки всё работает хорошо. Но если собирать production билд, то появляется ошибка.

Ошибка: "custom-vue-scrollbar" is imported by ".nuxt/dist/server/_nuxt/[chunk].js", but could not be resolved – treating it as an external dependency.

Подключаю так: plugins/scrollbar.ts

import { defineNuxtPlugin } from '#app';
import CustomScrollbar from 'custom-vue-scrollbar';

export default defineNuxtPlugin((nuxtApp: any) => {
  nuxtApp.vueApp.component('custom-scrollbar', CustomScrollbar);
});

Использую так: app.vue

<template>
  <custom-scrollbar>
    <NuxtPage />
  </custom-scrollbar>
</template>
vue.js vite nuxt.js
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

Убедитесь что вы правильно все импортируете)

plugins/scrollbar.ts

import { defineNuxtPlugin } from '#app';
import CustomScrollbar from 'custom-vue-scrollbar';

export default defineNuxtPlugin((nuxtApp: any) => {
  nuxtApp.vueApp.component('custom-scrollbar', CustomScrollbar);
});

nuxt.config.ts

  plugins: [
    { src: '~/plugins/scrollbar', mode: 'client' },
  ],

Помните, что подключаемые модули могут не поддерживать SSR, поэтому необходимо прописывать, чтобы они работали на стороне клиента, удачи!)