Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Unable to load vue-slider ReferenceError: require is not defined (Vue.JS/Vite)

Aperta
  • Qualcosa non va?
#2,208 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
25/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
javascript, vite
Ambito
frontend

Direzione di ricerca

Riproduci l’app Vue 2.7.14 con Vite 4.1.4 usando vite build, quindi esamina il file generato @appbase-io/reactivesearch-vue/dist/es/ssr-03607d84.js e il file corrispondente della versione 3.0.0-rc.2. Verifica come viene caricato l’import di RangeSlider nel browser e verifica che il fix rimuova l’errore require e inizializzi anche il componente slider.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

bug

Affected Projects Vue.JS 2.7.14 with Vite 4.1.4

Library Version: 1.33.13

Describe the bug After building, the browser throws an error trying import the RangeSlider component: Unable to load vue-slider ReferenceError: require is not defined. Looking at the 3.x-rc, the code has been updated from:

1.33.13: @appbase-io/reactivesearch-vue/dist/es/ssr-03607d84.js

components['vue-slider-component'] = require('vue-slider-component');

to

3.0.0-rc.2: @appbase-io/reactivesearch-vue/dist/es/ssr-c630ccb9.js

  try {
    if (typeof window !== 'undefined') {
      components['vue-slider-component'] = function () {
        return import('vue-slider-component');
      };
    }
  }

Patching this removes the error but the slider does not initialize.

To Reproduce

Build a vue2/vite app, add a rangeslider and build with vite build

Expected behavior

RangeSlider component imports without error

Desktop (please complete the following information):

  • OS: Mac OS Ventura 13.3.1
  • Browser: Chrome 112.0.5615.49
Lingua principale
JavaScript
Stelle
4.9k
Fork
479
Merge medio
4g 10h
PR unite (30g)
4

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di appbaseio/reactivesearch

Tutte le issue di appbaseio/reactivesearch

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.