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 Mobile App

使用此命令创建React本机项目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 App

上面的

npx create-react-app命令用于响应本机Web应用。

无法在我的项目中解析“反应本机”

3 个答案: