Javascript 如何在HTML5样板中添加require（）

我试图在HTML5样板中添加require（），但它不起作用。
我收到错误-

未捕获引用错误：未在浏览器控制台中定义require。

。

我做了我需要的npm，然后-

.eslintrc.js

module.exports = {
    "env": {
        "browser": true,
        "es6": true,
        "jquery": true,
        "mocha":true,
        "amd": true
    },
    "plugins": ["mocha"],
    "extends": "eslint:recommended",
    "globals": {
        "Atomics": "readonly",
        "SharedArrayBuffer": "readonly"
    },
    "parserOptions": {
        "ecmaVersion": 2018,
        "sourceType": "module"
    },
    "rules": {
      "indent": ["error", 2],
      "quotes": ["error", "single"],
      "semi": ["error", "always"]
    }
};

main.js-

const Swal = require('sweetalert2');
// other stuff

编辑-这也添加到q 这是我的package.json-

{
  // other stuff

  "dependencies": {
    "js-md5": "^0.7.3",
    "require": "^2.4.20",
    "requirejs": "^2.3.6",
    "sweetalert2": "^9.5.3"
  }
}

---

您是否在浏览器上运行代码？我之前检查过这个答案，但尝试过，似乎不起作用。那么我们可以看看您的其他代码（package.json、html文件、webpack config或您正在使用的任何其他绑定程序）吗Added package.json其他所有内容都与HTML5样板一样-无论我在代码中做了什么更改，您都可以使用import而不是require请参见：我认为您不应该通过npm添加require，它应该已经作为节点的一部分。浏览器不需要运行！！！您必须先传输代码。