react-native-sqlite-storage InternalError Metro

问题描述

我正在尝试将 https://github.com/andpor/react-native-sqlite-storage 实施到我的 React Native 项目（适用于 Android）中。

这是我的 React Native 版本：

"react-native": "0.64.1"

这是我的步骤：

npm install --save react-native-sqlite-storage

我认为我不需要额外的步骤，因为我有 >0.6 版本的 React Native。所以我决定用那个库编码一些东西。我做进口

import sqlite from 'react-native-sqlite-storage';

我收到了那个错误：

[Info] 06-07 09:00:30.160  6927  6983 E ReactNativeJS: { [Error: InternalError Metro has encountered an error: While trying to resolve module `react-native-sqlite-storage` from file `c:\Users\karol.wisniewski\happybaby\HappyBaby\app\components\Test\HomeScreen.component.js`,the package `c:\Users\karol.wisniewski\happybaby\HappyBaby\node_modules\react-native-sqlite-storage\package.json` was successfully found. However,this package itself specifies a `main` module field that Could not be resolved (`c:\Users\karol.wisniewski\happybaby\HappyBaby\node_modules\react-native-sqlite-storage\sqlite.js`. Indeed,none of these files exist:
06-07 09:00:30.160  6927  6983 E ReactNativeJS: 
06-07 09:00:30.160  6927  6983 E ReactNativeJS:   * c:\Users\karol.wisniewski\happybaby\HappyBaby\node_modules\react-native-sqlite-storage\sqlite.js(.native|.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)
06-07 09:00:30.160  6927  6983 E ReactNativeJS:   * c:\Users\karol.wisniewski\happybaby\HappyBaby\node_modules\react-native-sqlite-storage\sqlite.js\index(.native|.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx): c:\Users\karol.wisniewski\happybaby\HappyBaby\node_modules\metro\src\node-haste\DependencyGraph.js (436:17)
06-07 09:00:30.160  6927  6983 E ReactNativeJS: 
06-07 09:00:30.160  6927  6983 E ReactNativeJS: [0m [90m 434 |[39m[0m
06-07 09:00:30.160  6927  6983 E ReactNativeJS: [0m [90m 435 |[39m         [36mif[39m (error [36minstanceof[39m [33mInvalidPackageError[39m) {[0m
06-07 09:00:30.160  6927  6983 E ReactNativeJS: [0m[31m[1m>[22m[39m[90m 436 |[39m           [36mthrow[39m [36mnew[39m [33mPackageResolutionError[39m({[0m
06-07 09:00:30.160  6927  6983 E ReactNativeJS: [0m [90m     |[39m                 [31m[1m^[22m[39m[0m
06-07 09:00:30.160  6927  6983 E ReactNativeJS: [0m [90m 437 |[39m             packageError[33m:[39m error[33m,[39m[0m
06-07 09:00:30.160  6927  6983 E ReactNativeJS: [0m [90m 438 |[39m             originModulePath[33m:[39m [36mfrom[39m[33m,[39m[0m
06-07 09:00:30.160  6927  6983 E ReactNativeJS: [0m [90m 439 |[39m             targetModuleName[33m:[39m to[0m]
06-07 09:00:30.160  6927  6983 E ReactNativeJS:   preventSymbolication: true,06-07 09:00:30.160  6927  6983 E ReactNativeJS:   line: 33240,06-07 09:00:30.160  6927  6983 E ReactNativeJS:   column: 26,06-07 09:00:30.160  6927  6983 E ReactNativeJS:   sourceURL: 'http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false&app=com.happybaby&modulesOnly=false&runModule=true' }

我在这里找到了解决方案 However,this package itself specifies a `main` module field that could not be resolved，我的 metro.config.js 看起来像这样：

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

但我仍然有同样的错误。

您对此有任何解决方案吗，或者我在配置此库或其他方面时犯了错误？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

metro-bundler react-native react-native react-native-sqlite-storage sqlite