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

这是我第一次在这里提问,所以请放轻松。我一直在尝试用 javascript/html 创建一个非常简单的应用程序,并且到目前为止我一直在编写 javascript 代码并用玩笑进行测试。Jest 一直坚持要求我使用module.exports = {functionName}和导出/导入我的 javascript 文件const functionName = require('./someAddressHere');

到目前为止,这对于测试来说效果很好,但现在我想将我的 javascript 文件连接到 index.js 中,并开始将我的事件侦听器配置到 html。当我尝试相同的导入方法时,我得到了一个Uncaught ReferenceError: require is not defined. 我对网络开发还很陌生,所以我在这里遗漏了什么,还是我的做法是错误的?


Qyouu
浏览 112回答 2
2回答

隔江千里

使用导入并type="module"在脚本标签中添加Ex://./data.jsexport const data = {    name: 'mydata'};//./main.jsimport * 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>

慕森卡

所以我最终使用 webpack 来打包我所有的节点模块并分发到前端。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript