我有以下问题:我想在HTML文件中创建一个类的实例。这是我的结构:
很遗憾,编辑器没有出现,控制台显示以下错误:
在HTML主体内部,我想要做:
<!DOCTYPE html>
<html>
<head>
<title>Markdown Editor</title>
<!--include Stacks -->
<link rel="stylesheet" href="./node_modules/@stackoverflow/stacks/dist/css/stacks.css" />
<!-- include the bundled styles -->
<link rel="stylesheet" href="./node_modules/@stackoverflow/stacks-editor/dist/styles.css" />
<!--include Stacks -->
<script src="./node_modules/@stackoverflow/stacks/dist/js/stacks.js"></script>
<!-- PROBLEMATIC PART! -->
<script type="module" src="./node_modules/@stackoverflow/stacks-editor/dist/stacks-editor/editor.js"></script>
</head>
<body>
<div style="margin: 20px; width: 800px">
<div id="editor-container"></div>
<!-- initialize the editor -->
<!-- BELOW FAILS! -->
<script>
new StacksEditor(
document.querySelector("#editor-container"), {}
);
</script>
</div>
</body>
</html>
很遗憾,编辑器没有出现,控制台显示以下错误:
我做错了什么?
编辑
唯一剩下的问题是VITE没有捕捉到我的更改。我在node_modules\@stackoverflow\stacks-editor\dist\stacks-editor\editor.js
中编辑了构造函数,如下所示(添加了注释)
但是在浏览器中并没有捕捉到这些更改:
然而,当我右键点击 + 在新标签页中打开时,我的注释就在那里 输入图像描述
editor.js
内部)不起作用呢? - Kernierconsole.log("Hi");
,但在刷新页面并通过cmd再次运行后,并没有捕获到这些更改。 - Kernier