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

[Question] Demo: Shepherd is not defined

Aperta
#3,121 2 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
38/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
javascript
Ambito
frontend

Direzione di ricerca

Inizia con i tag script in index.html e con l’uso di Shepherd in demoScript.js. Riproduci la demo con lo script del modulo come mostrato, quindi confrontala con l’importazione funzionante in demoScript.js. Il lavoro è completato quando la demo viene caricata senza “Shepherd is not defined” e l’uso previsto dell’importazione è chiaro.

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

Descrizione

question

I'm not a power user of js, for the least. But in the the "demo", Shepherd module is imported in a script tag:
index.html

<link rel="stylesheet" href="shepherd.js/dist/css/shepherd.css"/>
<script type="module" src="shepherd.js/dist/shepherd.mjs"></script>
<script src="demoScript.js"></script>

When imported like this, there is an error in the demo script, Shepherd is not defined.

For the example to work, i had to do differently:
index.html

<link rel="stylesheet" href="shepherd.js/dist/css/shepherd.css"/>
<script type="module" src="demoScript.js"></script>

demoScript.js

import Shepherd from "shepherd.js/dist/shepherd.mjs"

const tour = new Shepherd.Tour({
		defaultStepOptions: {
			cancelIcon: {
				enabled: true
			},
			classes: 'class-1 class-2',
			scrollTo: { behavior: 'smooth', block: 'center' }
		}
	});
//........

Question are, what did I miss, and how it is supposed to work with this import:
<script type="module" src="shepherd.js/dist/shepherd.mjs"></script> ?
I think a jsfiddle would be much more didactic than the current demo page.

Lingua principale
JavaScript
Stelle
13.8k
Fork
658
Merge medio
7g 5h
PR unite (30g)
18

Guida per i contributori

Apri la guida per i contributori

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 shipshapecode/shepherd

Tutte le issue di shipshapecode/shepherd

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.