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

编程问答 2022-06-12

问题描述

此处是新手编码器。通过汇总教程，我创建了一个.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：未定义require 在sheetsReader.js：1

我现在知道require（）在浏览器端不起作用。我试图通过使用browserify，requirejs和各种其他修复来解决，但似乎都无法在html页面上工作。

我觉得我这里可能缺少一些非常基础的东西，所以我深表歉意！我学会了设置服务器，以便可以使用Google Api读取电子表格...但是，无论如何尝试，我似乎都无法找到一种方法来调用自己构建的函数！

解决方法

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

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