Javascript 在浏览器中运行代码时如何定义require?
我一直遇到这个错误:Javascript 在浏览器中运行代码时如何定义require?,javascript,html,Javascript,Html,我一直遇到这个错误: main.js:1未捕获引用错误:main.js:1未定义require 还有这个: format.html:6获取http://127.0.0.1:5500/common.js net::ERR_中止404(未找到) 我已经下载了Common JS,并将其包含在我的HTML脚本中 HTML: 我怎样才能解决这个问题?谢谢 尝试在HTML中将common.js调用放在main.js之前,如果这不能解决问题,请尝试在这两个调用上设置defer属性对于像我这样尝试这样做的初学者
main.js:1未捕获引用错误:main.js:1未定义require
还有这个:
format.html:6获取http://127.0.0.1:5500/common.js net::ERR_中止404(未找到)
我已经下载了Common JS,并将其包含在我的HTML脚本中
HTML:
我怎样才能解决这个问题?谢谢 尝试在HTML中将common.js调用放在main.js之前,如果这不能解决问题,请尝试在这两个调用上设置defer属性对于像我这样尝试这样做的初学者。。。只需运行JS并从HTML脚本中引用它。这(据我所知)不起作用!节点JS将不兼容 你在哪里下载的
common.js
?看这里,可能重复:为什么代码在浏览器中运行时标题“Node js Require is not defined”而不是Node.js?你不能将在Node.js主机环境中运行的代码在浏览器主机环境中一字不差地运行。CommonJS是Node.js模块,也许你指的是RequireJS?@Camilo我将其作为npm包下载。啊,很遗憾,它不起作用。不知道现在该怎么办。我现在意识到,由于我在浏览器中运行这段代码,它就不一样了。有没有关于如何在我的浏览器中定义require的想法,因为它不同于Node.js主机环境?请检查package.json和其他节点配置文件,查看它们是否有“type”:“module”
,如果有,请将其更改为“type”:common“
,或删除该行
<html lang="en">
<head>
<meta charset="UTF-8">
<script src = "main.js"></script>
<script src="common.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Title</title>
</head>
<body>
<textarea id = "textArea" rows = "50" cols = "80">
</textarea>
<button type = "button">Click me!</button>
</body>
</html>
const http = require('http');
const url = require('url');
const fs = require('fs');
var browserify = require('browserify');
var b = browserify();
b.add('./browser/main.js');
b.bundle().pipe(process.stdout);