出现未捕获的引用错误 - 当我尝试导入 javascript 文件时要求未定义

Question

这是我第一次真正在这里发布问题，所以请放轻松。我一直在尝试在 javascript/html 中创建一个非常简单的应用程序，直到现在我一直在编写 javascript 代码并开玩笑地进行测试。 Jest 一直坚持我 export/import 我的 javascript 文件 module.exports = {functionName} 和 const functionName = require('./someAddressHere');.

到目前为止，这对于测试来说一直运行良好，但现在我想将我的 javascript 文件连接到 index.js 中，并开始将我的事件侦听器配置到 html。当我尝试相同的导入方法时，我得到 Uncaught ReferenceError: require is not defined。我是 Web 开发的新手，所以我在这里遗漏了什么，还是我做错了？

Answer 1

使用import并在脚本标签中添加type="module" 例如：

//./data.js

export const data = {
    name: 'mydata'
};

//./main.js

import * as data from './data.js';

alert(JSON.stringify(data));

// html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Import</title>
</head>
<body>
<script type="module" src="main.js"></script>
</body>
</html>

Answer 2

所以我最终使用 webpack 将我所有的节点模块打包并分发到前端。

出现未捕获的引用错误 - 当我尝试导入 javascript 文件时要求未定义

Getting an Uncaught reference error - require not defined when I try to import a javascript file

javascript

importerror

jestjs