为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

Qyouu 2023-09-28 15:49:35
这是我第一次在这里提问,所以请放轻松。我一直在尝试用 javascript/html 创建一个非常简单的应用程序,并且到目前为止我一直在编写 javascript 代码并用玩笑进行测试。Jest 一直坚持要求我使用module.exports = {functionName}和导出/导入我的 javascript 文件const functionName = require('./someAddressHere');。到目前为止,这对于测试来说效果很好,但现在我想将我的 javascript 文件连接到 index.js 中,并开始将我的事件侦听器配置到 html。当我尝试相同的导入方法时,我得到了一个Uncaught ReferenceError: require is not defined. 我对网络开发还很陌生,所以我在这里遗漏了什么,还是我的做法是错误的?
查看完整描述

2 回答

?
隔江千里

TA贡献1906条经验 获得超10个赞

使用导入并type="module"在脚本标签中添加Ex:

//./data.js

export const data = {

    name: 'mydata'

};

//./main.js


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


alert(JSON.stringify(data));

// html


<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Import</title>

</head>

<body>

<script type="module" src="main.js"></script>

</body>

</html>


查看完整回答
反对 回复 2023-09-28
?
慕森卡

TA贡献1806条经验 获得超8个赞

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



查看完整回答
反对 回复 2023-09-28
  • 2 回答
  • 0 关注
  • 109 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信