要調(diào)試 js 不是非要把 js 文件引入到 html 中，然后在瀏覽器中調(diào)試；
兩個簡單方法：

## 一、Chrome 的開發(fā)者工具

使用開發(fā)者工具下的 Source > Snippets 即可

## 二、VS Code 的 debug

在 js 文件中寫好代碼后直接 Run > Debug 即可;

為了方便多個 js 文件調(diào)試， 可以根據(jù)提示創(chuàng)建 launch.json 文件，
注意，可以修改 program 參數(shù)為${file};

    // "program": "${workspaceFolder}/src/symbol.js"
    "program": "${file}

## 三、如何調(diào)試 es6 模塊

如果直接 import js 模塊會提示錯誤，
根據(jù)提示有兩種簡單解決方法，

1. 直接改 .js 為 .mjs
   2.創(chuàng)建 package.json 文件，添加 type": "module" 人，然后就可以直接調(diào)試 js 文件， 不用改一堆 .mjs 文件了

{
	"type": "module"
}
![](https://img2020.cnblogs.com/blog/1084504/202106/1084504-20210611094218973-968343991.png)