【问题标题】:"unable to resolve module 'react/lib/React' from '.../react-konva/src/react-konva.js'" error when trying to build尝试构建时出现“无法从 '.../react-konva/src/react-konva.js' 解析模块 'react/lib/React'”错误
【发布时间】:2017-08-10 11:44:38
【问题描述】:

我对 React 有点陌生,这是我的第一个项目,但花了很多时间学习和编写 react-native 代码。

我想我已经指出了我收到错误的原因,但我不知道如何解决它。

我要做的是安装并运行 react-konva,这是一个使用 Konva.js 在我的应用程序中有效显示 Canvas 元素的画布元素库。在运行yarn add konva react-konva --save(已经有反应)之后,我遇到了一个依赖问题,即react-konva 需要react@15.6.1,但我项目的其他部分需要react@16.0.0-alpha.12。从而造成问题。关于它发生的原因(如果我不正确)或如何解决这个问题的任何见解都会令人惊叹。

This is the Red error screen in the emulator when i have as much as import { Stage } from 'react-konva'; in my code.

an npm list --depth=0 of my project to show the dependencies.

Package.json:

{
  "name": "amazingProject",
  "version": "0.0.1",
  "private": true,
  "main": "node_modules\\expo\\AppEntry.js",
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "konva": "^1.6.7",
    "prop-types": "^15.5.10",
    "react-addons-shallow-compare": "^15.6.0",
    "react-konva": "^1.1.4",
    "react-native": "0.45.1",
    "react-native-cli": "^2.0.1",
    "react-native-lightbox": "^0.6.0",
    "react-native-modal-dropdown": "^0.4.4",
    "react-native-side-menu": "^0.20.3",
    "react-native-slider": "0.10.0",
    "react-native-vector-icons": "^4.2.0",
    "react-navigation": "1.0.0-beta.11",
    "style-equal": "^1.0.0",
    "watchman": "^0.1.8",
    "yarn": "^0.27.5"
  },
  "devDependencies": {
    "babel-jest": "20.0.3",
    "babel-preset-react-native": "2.0.0",
    "jest": "20.0.4",
    "react": "16.0.0-alpha.12",
    "react-dom": "16.0.0-alpha.12",
    "react-test-renderer": "16.0.0-alpha.12"
  },
  "peerDependencies": {
    "react": "16.0.0-alpha.12"
  },
  "jest": {
    "preset": "react-native"
  }
}

【问题讨论】:

  • 你的节点模块文件夹中是否已经存在 react-konva?
  • 它不存在,事实上我重新制作了这个项目并运行 yarn 来创建一个新的node_modules
  • 我也试过 npm install react konva react-konva --save。刚刚尝试npm install 而不是yarn。然后运行react-native run-android,它给了我UnableToResolveError undefined,然后我在重新加载时在帖子中截屏时出现相​​同的错误,这正是以前的样子。
  • 等等,你是在开发 react-native 还是 react?因为从我所看到的 react-konva 是为了 react 而不是 react-native?
  • 我正在使用 react native,如果真的是这样,那么我想我应该回去睡觉了...

标签: reactjs react-native dependencies react-dom konvajs


【解决方案1】:

react-konva 还不支持新的 react v16。 你可以尝试使用v15.6.1的react。或者等待react-konva的更新:

https://github.com/lavrton/react-konva/issues/120

【讨论】:

  • 很高兴知道这一点,但我不能等待 v16 和我项目的其他部分需要 v16 的反应。
猜你喜欢
  • 1970-01-01
  • 2018-09-21
  • 2020-11-05
  • 2020-11-23
  • 2020-05-19
  • 1970-01-01
  • 1970-01-01
  • 2023-02-25
  • 2017-03-31
相关资源
最近更新 更多