时间戳

首页 > 解决方案 > 页面如何从使用 Require() 的 javascript 文件中调用函数？

javascript - 页面如何从使用 Require() 的 javascript 文件中调用函数？

问题描述

新手编码器在这里。通过拼凑教程，我创建了一个 .js 模块，该模块使用 Google 的 API 返回我的 Google 表格中单元格的值。

该模块sheetsReader.js在顶部包括这两个要求行：

const {google} = require('googleapis');
let privatekey = require('../../config/privatekey.json');

它定义了一个函数，getCell()，它返回作为参数传递给它的任何单元格的值——例如getCell('A6')

当我在节点终端中运行它时它工作得很好。但是我想在我的 中访问这个函数index.html，所以我可以在页面上显示一个单元格值。（我知道可能有更好的方法来实现这一点，但我正在尝试将此电子表格数据插入现有页面。）

要导出函数，在 中sheetsReader.js，我有：

module.exports.getCell = getCell;

并导入index.html我在标题中输入：

<script> 
import * as getCell from './js/sheetsReader.js' 
</script>

但是，当我打开页面时，它无法正确加载，因为：

未捕获的 ReferenceError：在 sheetReader.js:1 中未定义要求

我现在知道 require() 在浏览器端不起作用。我试图通过使用 browserify、requirejs 和各种其他修复来解决，但似乎没有一个适用于 html 页面。

我觉得我可能在这里遗漏了一些非常基本的东西——所以我道歉！我学会了设置服务器，这样我就可以使用 Google API 来读取电子表格......但无论我如何尝试，我似乎都无法找到调用我构建的函数的方法！

标签： javascripthtmlnode.jsgoogle-apirequire

解决方案

您错误地导入了 google api 值，您需要将其格式化为

       const google = require('googleapis.js');

推荐阅读