尝试使用 react-native-community/slider 时无法解析“react-native”

Question

我的一个 React 组件顶部有一个导入，它破坏了应用程序。 这是import Slider from "@react-native-community/slider"; 这就是错误。

Module not found: Can't resolve 'react-native' in 'C:\Users\Cody\OO\Bug-Fixes\Wellness\client\node_modules\@react-native-community\slider\dist

我尝试了无数命令来安装 react-native-community，并且确实在 node_modules 中看到了它，但我仍然收到此错误。 这条路径对我来说似乎是正确的，它确实存在'C:\Users\Cody\OO\Bug-Fixes\Wellness\client\node_modules\@react-native-community\slider\dist但不确定它为什么要寻找 'react -native` 在该路径中。

这是我的 package.json 文件夹：

{
  "name": "client",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@fortawesome/fontawesome-svg-core": "^1.2.25",
    "@fortawesome/free-solid-svg-icons": "^5.11.2",
    "@fortawesome/react-fontawesome": "^0.1.5",
    "@react-native-community/slider": "^3.0.0",
    "axios": "^0.19.0",
    "chart.js": "^2.8.0",
    "moment": "^2.24.0",
    "query-string": "^6.8.3",
    "react": "^16.10.1",
    "react-app-polyfill": "^1.0.3",
    "react-bootstrap": "^1.0.0-beta.12",
    "react-bootstrap-typeahead": "^3.4.7",
    "react-chartjs-2": "^2.8.0",
    "react-dom": "^16.10.1",
    "react-gauge-chart": "^0.2.5",
    "react-infinite-scroller": "^1.2.4",
    "react-moment": "^0.9.2",
    "react-quiz-component": "^0.2.7",
    "react-redux": "^7.1.1",
    "react-router-dom": "^5.1.2",
    "react-scripts": "3.0.0",
    "react-share": "^3.0.1",
    "redux": "^4.0.4",
    "redux-devtools-extension": "^2.13.8",
    "redux-thunk": "^2.3.0",
    "throttle-debounce": "^2.1.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"
    ]
  },
  "proxy": "http://localhost:8080",
  "devDependencies": {
    "eslint": "^5.16.0",
    "eslint-config-airbnb": "^17.1.1",
    "eslint-plugin-import": "^2.18.0",
    "eslint-plugin-jsx-a11y": "^6.2.3",
    "eslint-plugin-react": "^7.15.0"
  }
}

Answer 1

http://react-component.github.io/slider/?path=/story/rc-slider--handle

https://www.npmjs.com/package/rc-slider

为您的反应项目尝试此反应 package 而不是当前项目