GeekyAnts / GeekyAnts/NativeBase-KitchenSink

GetStarted scenario: web-support: Attempted import error: 'react-native' does not contain a default export (imported as 'ReactNative').

Open
#155 14 comments 8 reactions 0 assignees View on GitHub
awaiting response
Dominant language
JavaScript
Stars
2.2k
Forks
740
PR merge metrics
No merged PRs in 30d

Description

Hi

**Scenario:**

1. Go to https://github.com/GeekyAnts/NativeBase-KitchenSink/tree/web-support
2. Follow the guide "To create new react app"
3. Add `App.js` an import to native-base `import { Container } from "native-base";`
3. `yarn run start`

**Expected behavior**

No error

**Current behavior**

```
Failed to compile
./node_modules/react-native-keyboard-aware-scroll-view/lib/KeyboardAwareHOC.js
Attempted import error: 'react-native' does not contain a default export (imported as 'ReactNative').
```

**Packages**
```

{
"name": "test1",
"version": "0.1.0",
"private": true,
"dependencies": {
"native-base": "^2.12.1",
"react": "^16.8.4",
"react-art": "^16.8.4",
"react-dom": "^16.8.4",
"react-native-web": "^0.11.1",
"react-scripts": "2.1.8"
},
"scripts": {

"start": "react-app-rewired start",
"build": "react-app-rewired build",
"test": "react-app-rewired test"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": [
">0.2%",
"not dead",
"not ie <= 11",
"not op_mini all"
],
"devDependencies": {
"@babel/plugin-proposal-class-properties": "^7.3.4",
"customize-cra": "^0.2.12",
"react-app-rewired": "^2.1.1"
}
}

```

Could you please advice ?

Contributor guide

No contributing guide indexed for this repository

Research direction

Reproduce the web-support scenario from the linked guide using App.js and the listed package versions, then run yarn run start. Read the reported node_modules/react-native-keyboard-aware-scroll-view/lib/KeyboardAwareHOC.js import and the react-native-web setup used by the branch. Done means the sample app compiles without the reported default-export error.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react, react-native
Domain
build-system, frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.