[Question] Demo: Shepherd is not defined
还没有人认领这个 Issue。
评估
- 难度
- 2/5
- 预计耗时
- 1-3 小时
- 新手友好度
- 38/100
- Issue 类型
- 缺陷
- 描述清晰度
- 基本清楚
- 活跃度
- 停滞
- 技术栈
- javascript
- 领域
- frontend
调研方向
从 index.html 中的 script 标签以及 demoScript.js 中 Shepherd 的使用开始。按照所示方式使用模块脚本重现演示，然后将其与 demoScript.js 中正常工作的导入进行比较。当演示加载时不出现“Shepherd is not defined”，并且预期的导入用法清晰明确时，即表示完成。
由索引模型根据 Issue 内容生成。
描述
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.
- 主要语言
- JavaScript
- 星标
- 13.8k
- 派生
- 658
- 平均合并
- 7 天 5 小时
- 30 天内合并 PR
- 18
贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
shipshapecode/shepherd 的其他 Issue
-
Docs: rendering framework components as step content, and why DOM injection belongs in when.show 未关闭documentation
难度 2/5 1-3 小时 新手友好度 84/100
shipshapecode/shepherd#3479 ·
-
难度 3/5 1-2 天 新手友好度 52/100
shipshapecode/shepherd#3505 ·
-
bug
难度 4/5 3-5 天 新手友好度 52/100
shipshapecode/shepherd#3484 ·
-
bug
难度 4/5 3-5 天 新手友好度 52/100
shipshapecode/shepherd#3478 ·
-
难度 4/5 3-5 天 新手友好度 48/100
shipshapecode/shepherd#3442 · 1 条评论 · 2 个 reaction ·
查看 shipshapecode/shepherd 的全部 Issue
相似的 Issue
-
难度 1/5 1-3 小时 新手友好度 78/100
Mintplex-Labs/anything-llm#6490 ·
-
难度 2/5 1-3 小时 新手友好度 86/100
-
[quality] workflow-scripts guard reads test:unit:coverage as skipping the unit suite, blocking #632 未关闭agent/quality hive/hosted-available-lke648397-260827-5n31 quality testing
难度 2/5 1-3 小时 新手友好度 86/100
-
难度 2/5 1-3 小时 新手友好度 72/100
-
area-clientside-dartpad
难度 2/5 1-3 小时 新手友好度 62/100