英文:
How to export a module from an linked JavaScript file
问题
在我的项目中，如果我加载 main.js 文件，以下内容可以正常工作：
modules.exports = { property: value }
但是，如果我加载到一个网页中并链接到一个脚本，像这样：
<!DOCTYPE html>
<html>
<head>
<script src="main.js"></script>
</head>
</html>
然后当我遇到错误时，
ReferenceError: module is not defined
英文:
In my project if I load the main.js file the following works:
modules.exports = { property: value }
But if I load in a web page and it links to a script like so:
<!DOCTYPE html>
<html>
<head>
<script src="main.js"></script>
</head>
</html>
Then when I get an error,
ReferenceError: module is not defined
答案1
得分: 1
module.exports 语法是 CommonJS 模块的特性，它是 Node.js 中使用的模块系统，但在 Web 浏览器中不被原生支持。
要使用 ES6 模块，你需要在你的 script 标签上使用 type="module" 属性，就像这样：
<!DOCTYPE html>
<html>
<head>
<script type="module" src="main.js"></script>
</head>
</html>
英文:
The module.exports syntax is a feature of CommonJS modules, which is a module system used in Node.js but not supported in web browsers natively.
To use ES6 modules, you'll need to use a type="module" attribute on your script tag like this:
<!DOCTYPE html>
<html>
<head>
<script type="module" src="main.js"></script>
</head>
</html>
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论