如何解决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 举报,一经查实,本站将立刻删除。