ReferenceError：找不到變量：require-JQuery錯誤

Question

我在.js文件中使用此代碼，該文件是通過npm global http-server使用的網站的一部分：

function getParsedStorage() {
  let fs = require('fs');
  return JSON.parse(fs.readFileSync('./../manager-data.json', 'utf8'));
}

並得到錯誤：

jQuery.Deferred異常：找不到變量：require（2）（exceptionHook — jquery.min.js：2：31584）

ReferenceError：找不到變量：require（jquery.min.js：2：31697）

我已經用npm install file-system --save安裝了文件系統軟件包，但是沒有任何改變。

Answer 1

在我看來，您似乎正在嘗試從Web瀏覽器中使用Node.js的require函數，而不使用提供兼容的require方法的模塊系統。

如果沒有其他信息，我不確定，但是我的建議是研究類似Require.js ， SystemJS或Browserify的模塊加載器，它們都應使您能夠在模塊中使用此語法。

話雖如此，對於您正在描述的用例（從網站訪問JSON文件），使用簡單的XHRHttpRequest或fetch API可能會更好。

以下是使用fetch API返回已解析的JSON文件內容的示例。

// Returns a Promise that resolves to the parsed storage data
// NOTE: Lacks any error handling
function getParsedStorage() {
  return fetch("../manager-data.json").then(response => response.json())
}