[Question] Demo: Shepherd is not defined
Los mantenedores suelen responder en 4 días
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 2/5
- Tiempo estimado
- 1-3 horas
- Aptitud para principiantes
- 38/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- javascript
- Área
- frontend
Línea de trabajo
Comienza con las etiquetas script de index.html y el uso de Shepherd en demoScript.js. Reproduce la demo con el script de módulo tal como se muestra y, después, compárala con la importación funcional de demoScript.js. Se considera completado cuando la demo se carga sin “Shepherd is not defined” y queda claro el uso previsto de la importación.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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.
- Lenguaje dominante
- JavaScript
- Estrellas
- 13.8k
- Forks
- 658
- Merge medio
- 6 d 13 h
- PR fusionados (30 d)
- 14
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Sin plantilla de pull request
- Leer la guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de shipshapecode/shepherd
-
Docs: rendering framework components as step content, and why DOM injection belongs in when.showAbiertodocumentation
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
shipshapecode/shepherd#3479 ·
Los mantenedores suelen responder en 4 días
-
Dificultad 3/5 1-2 días Aptitud para principiantes 52/100
shipshapecode/shepherd#3505 ·
Los mantenedores suelen responder en 4 días
-
bug
Dificultad 4/5 3-5 días Aptitud para principiantes 52/100
shipshapecode/shepherd#3484 ·
Los mantenedores suelen responder en 4 días
-
bug
Dificultad 4/5 3-5 días Aptitud para principiantes 52/100
shipshapecode/shepherd#3478 ·
Los mantenedores suelen responder en 4 días
-
Dificultad 4/5 3-5 días Aptitud para principiantes 48/100
shipshapecode/shepherd#3442 · 1 comentario · 2 reacciones ·
Los mantenedores suelen responder en 4 días
Todos los issues de shipshapecode/shepherd
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
daisy/a11y-meta-viewer#18 ·
-
good first issue status: needs triaging type: bug version: 2.0
Dificultad 2/5 1-3 horas Aptitud para principiantes 85/100
medusajs/medusa#17094 · 2 comentarios ·
Los mantenedores suelen responder en 1 día
-
browser: chrome package: @carbon/react package: styles
Dificultad 1/5 Menos de una hora Aptitud para principiantes 92/100
carbon-design-system/carbon#23567 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 88/100
clerk/javascript#10033 ·
Los mantenedores suelen responder en 1 día
-
bug client p1
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
vercel/eve#4173 · 2 comentarios ·
Los mantenedores suelen responder en 1 día