找不到模塊：錯誤：無法解析“fs”。 先閱讀詳情

Question

我一直在用 React 和 TypeScript 構建基本天氣 api。我使用“npx create-react-app.typescript”進行設置。 構建完我的應用程序后，我啟動了它。 最初我成功聯系了 api，但是當我嘗試使用 fs.writeFile 和 fs.readFile 來保存 api 調用以收集數據時，我遇到了錯誤，說它無法解析“fs”。

當前 ts.config

{
  "compilerOptions": {
    "paths": {
      "crypto": [
        "./node_modules/crypto-browserify"
      ],
    },
    "target": "ES2016",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext",
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "noResolve" : false,
    "types": ["node"],
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx",
    "downlevelIteration": true,
  },
  "include": [
    "src"
  ],
  "exclude":["node_modules"]
}

嘗試使用 npm install --save fs 進行重置。

刪除了 node_modules，package.lock.json，刪除了“fs”：“0.0.1-security”，然后重新安裝。 這實際上似乎有效，但隨后無法識別 fs，我重新安裝然后得到一個新錯誤，這是進度大聲笑。

getWeather 錯誤，類型錯誤：fs__WEBPACK_IMPORTED_MODULE_1___default(...).readFile 不是 function at postWeather (App.tsx:51:1) at App.tsx:25:1

我已經檢查了現有材料的堆棧溢出，例如找不到模塊：錯誤：無法解析.

那里的方法沒有成功，我仍在尋找替代方法，但如果有人能提供一些建議，我將不勝感激。

Answer 1

fs模塊是 Node.js 模塊的一部分，React 是一個在瀏覽器上運行的前端框架，而不是在 Node.js 運行時上。 即使為fs安裝外部 package 我懷疑它是否會起作用，您將需要另一種方法在服務器上存儲數據，例如 API。