頁面如何從使用 Require() 的 javascript 文件調用函數？

Question

新手編碼器在這里。 通過拼湊教程，我創建了一個 .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 讀取電子表格……但無論我如何嘗試，我似乎都找不到調用我構建的函數的方法！

Answer 1

您錯誤地導入了 google api 值，您需要將其格式化為

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