領域和反應錯誤。 無法在使用 create-react-app 創建的應用程序中解析“react-native”

Question

我正在嘗試將 Realm 包添加到使用 create-react-app 創建的項目中。 我只需運行創建腳本，安裝項目，然后安裝領域。 當我嘗試導入或需要 'realm' 時，出現無法解決 'react-native'錯誤。

npx create-react-app my-app
cd my-app
npm i
npm i --save realm
npm start

此時，如果我嘗試在項目中的任何位置導入領域，例如通過添加：

import Realm from 'realm';

或者

Realm = require('realm');

到 App.js 或 Index.js

我收到以下錯誤。

./node_modules/realm/lib/browser/index.js
Module not found: Can't resolve 'react-native' in '/Users/scolobey/Desktop/Projects/realm-blog/node_modules/realm/lib/browser'

據我所知，這似乎與 webpack 有關。 在此錯誤頁面上打開控制台，我看到：

./node_modules/realm/lib/browser/index.js
Module not found: Can't resolve 'react-native' in '/Users/scolobey/Desktop/Projects/javascript/my-app/node_modules/realm/lib/browser'
console.<computed> @ index.js:1
r @ backend.js:6
handleErrors @ webpackHotDevClient.js:173
push../node_modules/react-dev-utils/webpackHotDevClient.js.connection.onmessage @ webpackHotDevClient.js:212

Answer 1

Create React App 適用於常規 React 應用程序（不是移動/“React Native”應用程序）。 您的應用程序正在抱怨，因為它希望找到“react-native”包，它不包含在 Create React App 中。

您會注意到Realm的安裝指南特別指示您在安裝包之前設置 react native。

正如React Native Docs - Getting Started （在上面的 Realm 安裝指南中鏈接）中提到的，您可能想要使用expo而不是 Create React App。

設置 React Native 應用程序后，您可以繼續安裝 Realm。