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

Question

我正在修改 @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>

其中 index.js 是嵌套列表的来源。

我收到一条错误消息：

Access to script at 'file:///.../nested-list/src/index.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.

对我来说测试我的模组到 index.js 的最简单方法是什么？

我能否以某种方式修改此 HTML，或者我是否需要不同的工具链？

P.S。我看到 this unanswered possibly related question。

P.P.S。 This is also related，但他们假设有一个应用程序（“MyApp”），而我没有应用程序。也许我需要设置一个虚拟应用程序？有点烦人。

Answer 1

通过避免所有 file:// 安全问题，使用简单的开发服务器快速运行您在本地主机中的 html 文件。

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

非常简单的步骤：

```
npm install --global http-server
```
转到您拥有 index.html 文件的目录并输入命令 http-server

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

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

How to easily test an npm module as I code?

javascript

npm

read-eval-print-loop