如何在编写代码时轻松测试npm模块



我正在修改@editorjs/nested-list。我想要一种在不需要大量安装的情况下进行快速测试的方法。我整理了一个小网页:

<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/@editorjs/editorjs@latest"></script>
</head>
<body>
<h1>EditorJS</h1>
<div class="container">
<div id="editorjs"></div>
</div>
<script type="module" src="./index.js"></script>
<script>
const editor = new EditorJS({
holder: 'editorjs',
}
);
</script>
</body>
</html>

其中CCD_ 1是嵌套列表的源。

我收到一条错误消息:

在'访问脚本file:///.../nested-list/src/index.js"from origin"null"已被CORS策略阻止:跨来源请求仅支持以下协议方案:http、data、chrome、chrome扩展、chrome不可信、https。"。

对我来说,在运行时将mods测试到index.js最简单的方法是什么?

我可以以某种方式修改这个HTML吗?或者我需要一个不同的工具链吗?

附言:我看到了这个没有答案的可能相关的问题。

附言:这也是相关的,但他们认为有一个应用程序("MyApp"(,而我没有应用程序。也许我需要设置一个虚拟应用程序?这有点烦人。

使用一个简单的开发服务器,通过避免所有file://安全复杂性,在本地主机中快速运行html文件。

我最喜欢的是:https://www.npmjs.com/package/http-server

非常简单的步骤:

  1. npm install --global http-server
    
  2. 转到index.html文件所在的目录,然后输入命令http-server

index.html文件现在可以在http://localhost:8080

最新更新