谷歌雲日志 Node.js React Native 中的庫導入

Question

我在我的 React Native 項目中導入@google-cloud/logging npm package 時遇到困難。 我嘗試使用npm install @google-cloud/logging和yarn add @google-cloud/logging但是當我嘗試通過const {Logging} = require('@google-cloud/logging');在我的代碼中使用它時或import {Logging} from '@google-cloud/logging'; 命令我收到 stream 未找到異常。

例外：

error: Error: Unable to resolve module stream from 
C:\Users\User\Documents\repos\project\node_modules\@google-cloud\logging\build\src\index.js: 
stream could not be found within the project.

If you are sure the module exists, try these steps:
 1. Clear watchman watches: watchman watch-del-all
 2. Delete node_modules and run yarn install
 3. Reset Metro's cache: yarn start --reset-cache
 4. Remove the cache: rm -rf /tmp/metro-*
  26 | // eslint-disable-next-line @typescript-eslint/no-var-requires
  27 | const pumpify = require('pumpify');
> 28 | const streamEvents = require("stream-events");
     |                               ^
  29 | const middleware = require("./middleware");
  30 | exports.middleware = middleware;
  31 | const metadata_1 = require("./utils/metadata");

at ModuleResolver.resolveDependency (C:\Users\User\Documents\repos\project\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:191:15)
    at DependencyGraph.resolveDependency (C:\Users\User\Documents\repos\project\node_modules\metro\src\node-haste\DependencyGraph.js:353:43)
    at Object.resolve (C:\Users\User\Documents\repos\project\node_modules\metro\src\lib\transformHelpers.js:271:42)
    at resolve (C:\Users\User\Documents\repos\project\node_modules\metro\src\DeltaBundler\traverseDependencies.js:571:33)
    at C:\Users\User\Documents\repos\project\node_modules\metro\src\DeltaBundler\traverseDependencies.js:587:26
    at Array.reduce (<anonymous>)
    at resolveDependencies (C:\Users\User\Documents\repos\project\node_modules\metro\src\DeltaBundler\traverseDependencies.js:586:33)
    at C:\Users\User\Documents\repos\project\node_modules\metro\src\DeltaBundler\traverseDependencies.js:275:33
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (C:\Users\User\Documents\repos\project\node_modules\metro\src\DeltaBundler\traverseDependencies.js:87:24)

我嘗試從項目中刪除node_modules文件夾並再次安裝包，重置Metro cache 。 錯誤仍然存在。

我的package.json中有"react-native": "~0.63.4"和"@google-cloud/logging": "^9.6.1"

有沒有辦法在React Native項目中實現Google Cloud Logging ？

更新 1

我使用yarn add stream命令解決了stream異常。 現在它要求我用yarn添加的fs package 但現在我收到以下錯誤：

Error: While trying to resolve module `fs` from file `C:\Users\User\Documents\repos\project\node_modules\@google-cloud\logging\build\src\utils\metadata.js`, the package `C:\Users\User\Documents\repos\project\node_modules\fs\package.json` was successfully found. However, this package itself specifies a `main` module field that could not be resolved (`C:\Users\User\Documents\repos\project\node_modules\fs\index.js`. Indeed, none of these files exist:

  * C:\Users\User\Documents\repos\project\node_modules\fs\index.js(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)
  * C:\Users\User\Documents\repos\project\node_modules\fs\index.js\index(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)
    at DependencyGraph.resolveDependency (C:\Users\User\Documents\repos\project\node_modules\metro\src\node-haste\DependencyGraph.js:376:17)
    at Object.resolve (C:\Users\User\Documents\repos\project\node_modules\metro\src\lib\transformHelpers.js:271:42)
ndencies.js:571:33)
    at C:\Users\User\Documents\repos\project\node_modules\metro\src\DeltaBundler\traverseDependencies.js:587:26
    at Array.reduce (<anonymous>)
    at resolveDependencies (C:\Users\User\Documents\repos\project\node_modules\metro\src\DeltaBundler\traverseDependencies.js:586:33)
    at C:\Users\User\Documents\repos\project\node_modules\metro\src\DeltaBundler\traverseDependencies.js:275:33
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (C:\Users\User\Documents\repos\project\node_modules\metro\src\DeltaBundler\traverseDependencies.js:87:24)
    at _next (C:\Users\User\Documents\repos\project\node_modules\metro\src\DeltaBundler\traverseDependencies.js:107:9)

Answer 1

總而言之，@Asp1re 找到了解決初始Error: Unable to resolve module stream正在運行yarn add stream命令的模塊 stream。

之后又出現了一個錯誤：

Error: While trying to resolve module `fs` from file `C:\Users\User\Documents\repos\project\node_modules\@google-cloud\logging\build\src\utils\metadata.js`, the package `C:\Users\User\Documents\repos\project\node_modules\fs\package.json` was successfully found. However, this package itself specifies a `main` module field that could not be resolved (`C:\Users\User\Documents\repos\project\node_modules\fs\index.js`. Indeed, none of these files exist

這應該通過在metro.config.js中添加其他擴展來解決：

module.exports = {
  transformer: {
    getTransformOptions: async () => ({
      transform: {
        experimentalImportSupport: false,
        inlineRequires: false,
      },
    }),
  },
  resolver: {
    sourceExts: ['jsx', 'js', 'ts', 'tsx'], //add here
  },
};

並安裝react-native-fs 。 確保將要求從fs更新為react-native-fs 。