無法在我的項目中解決“react-native”

Question

我從 React 官方網站制作了教程小項目，當我嘗試使用一些原生 React 組件（例如 Text 和 ImageBackground）時，出現以下編譯錯誤：

未找到模塊：無法在...中解析“react-native”

我用“npx create-react-app”創建了我的項目。

我所做的導入。

import { Text, ImageBackground } from 'react-native'

我試着做 npm install 和 npm install 'react-native-elements' 等等......沒有任何效果。

無論如何，這是我的 package.json：

{
  "name": "tutorial",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^16.12.0",
    "react-dom": "^16.12.0",
    "react-scripts": "3.2.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

有任何想法嗎？

Answer 1

React 項目和 React Native 項目是不同的。 你必須使用React Native CLI

Answer 2

要創建一個新的 react-native 項目，請從您的 cmd / 終端運行此命令：

react-native init

您遇到此問題的原因是所需的模塊未包含在您的package.json 中。 運行上述命令后， npm將安裝項目所需的所有必需依賴項。 您在問題中提到的命令不符合預期。

Answer 3

對於 React Native 移動應用

使用此命令創建 react native 項目 android 和 ios 應用程序。

npx react-native init AwesomeProject

你還需要一些其他的配置來運行這個項目，比如 node.js、android studio、android sdk 和 xcode for ios。 您可以點擊此鏈接了解更多詳情。

https://facebook.github.io/react-native/docs/getting-started

對於 React Web 應用程序

npx create-react-app上面的命令用於響應本機 Web 應用程序。