2017-08-10 48 views
1

我对React有点新鲜,这是我的第一个项目,但花了相当一段时间学习和编写反应原生代码。“试图构建时无法解析'.../react-konva/src/react-konva.js'模块'react/lib/React'”错误

我想我有针脚为什么我得到的错误,但我不知道如何解决它。

我想要做的是安装并运行react-konva,一个使用Konva.js在我的应用程序中高效显示Canvas元素的画布元素库。在运行yarn add konva react-konva --save(已经有反应)后,我遇到了依赖性问题,其中react-konva需要[email protected],但我的项目的其他部分需要[email protected]。从而导致问题。任何有关它发生的原因(如果我不正确)或如何解决这个问题将是惊人的。

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" 
    } 
} 
+0

是否反应,konva已经在您的节点模块文件夹存在吗? –

+0

它没有存在,实际上我重新制作了这个项目并运行了纱线来创建一个新的'node_modules'。 –

+0

我也试过npm install react konva react-konva --save。刚试过'npm install'而不是'yarn'。然后运行'react-native run-android',它给了我'UnableToResolveError undefined',然后发生了同样的错误,因为我在重新加载时已经截图了,而这正是之前的样子。 –

回答

相关问题