marclaval / angular-react-native-seed Goto Github PK

When I launch the application on iPhone (gulp start.ios) the home page is "Welcome to React Native" + "To Get started, edit App.Js" ...
The Hello Component from the Angular HelloModule doesn't appear ...

Running C:\Android-Adt-Bundle\sdk/platform-tools/adb -s 192.168.30.102:5555 reverse tcp:8081 tcp:8081

Could not run adb reverse: Command failed: C:\Android-Adt-Bundle\sdk/platform-tools/adb -s 192.168.30.102:5555 reverse tcp:8081 tcp:8081

Building and installing the app on the device (cd android && gradlew.bat installDebug...

Could not install the app on the device, read the error above for details.
Make sure you have an Android emulator running or a device connected and have
set up your Android development environment:
https://facebook.github.io/react-native/docs/android-setup.html

[23:02:11] Finished '!launch.android' after 7.3 s
[23:02:11] Starting '!start.android'...
Scanning 715 folders for symlinks in H:\Javascript\Angular-Reactnative\angular2-react-native-seed-master\dist\ngRnSeed\node_modules (145ms)

┌────────────────────────────────────────────────────────────────────────────┐
│ Running packager on port 8081. │
│ │
│ Keep this packager running while developing on any JS projects. Feel │
│ free to close this tab and run your own packager instance if you │
│ prefer. │
│ │
│ https://github.com/facebook/react-native │
│ │
└────────────────────────────────────────────────────────────────────────────┘
Looking for JS files in
H:\Javascript\Angular-Reactnative\angular2-react-native-seed-master\dist\ngRnSeed

[2016-10-20 23:02:18] Building Dependency Graph

[2016-10-20 23:02:18] Crawling File System

ERROR Packager can't listen on port 8081

Most likely another process is already using this port
Run the following command to find out which process:

lsof -n -i4TCP:8081

You can either shut down the other process:

kill -9

or run packager on different port.

See http://facebook.github.io/react-native/docs/troubleshooting.html
for common problems and solutions.

{ Error: Command failed: react-native start

at ChildProcess.exithandler (child_process.js:206:12)
at emitTwo (events.js:106:13)
at ChildProcess.emit (events.js:191:7)
at maybeClose (internal/child_process.js:877:16)
at Process.ChildProcess._handle.onexit (internal/child_process.js:226:5)

killed: false,
code: 11,
signal: null,
cmd: 'react-native start' }

I just took clone this project and try to run it locally and it run fine but when i click on button "Show More" it start throwing me an error as below:

Previously it was working perfectly when i cloned lastly but new one throws this error...

Do you know how can i solve this??

NOTE: Also if i build release apk and try testing it in local or in real device it work well but debug apk doesn't seem to work.

Thank you..!!

Hi,

I followed below step to setup angular-react-native-seed in Ubuntu 16.04.

git clone https://github.com/mlaval/angular-react-native-seed.git
cd angular-react-native-seed
npm install -g gulp react-native-cli typings
npm install
gulp init
gulp start.android

I got below error on Android screen:

{
  "from": "/home/sanjay/ReactNative/Angular/angular-react-native-seed/dist/ngRnSeed/node_modules/angular-react-native/wrapper/wrapper_impl.js",
  "to": "react-native/Libraries/Renderer/src/renderers/native/ReactNativeEventEmitter",
  "message": "Unable to resolve module `react-native/Libraries/Renderer/src/renderers/native/ReactNativeEventEmitter` from `/home/sanjay/ReactNative/Angular/angular-react-native-seed/dist/ngRnSeed/node_modules/angular-react-native/wrapper/wrapper_impl.js`: Module does not exist in the module map\n\nThis might be related to https://github.com/facebook/react-native/issues/4968\nTo resolve try the following:\n  1. Clear watchman watches: `watchman watch-del-all`.\n  2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.\n  3. Reset packager cache: `rm -fr $TMPDIR/react-*` or `npm start -- --reset-cache`.",
  "name": "UnableToResolveError",
  "type": "UnableToResolveError",
  "errors": [
    {}
  ]
}

npm -v
4.6.1
node -v
v8.2.1

Please let me know if any other information required.

Is anyone know how to fix this?
Thanks for the help.

If i create APK with "Hello World" text, generated APK is of 4.00MB+ when using "splits enable true" and when i try installing that APK in some android device...application installed is of 24.00MB+.

So i am not sure what is taking this much space when i am just printing hello world text using this project.

Can you please let me know how can i reduce this APK/Application sizes.

Thanks.

It would be great to have a bit more explanation about what is this project.
Because at first this makes no sense "native mobile application with Angular 2 and React Native".

@Component({
    selector: 'as-users',
    templateUrl: './users.html'
})

I get `console.error: "Unhandled Promise rejection:", "Failed to load users.html", "; Zone: ", "", "; Task:", "Promise,then", "; Value:', "Failed to load users.html", undefined.

users.html is in the same directory as this component

Running gulp start.ios fails on launch ios

No devices are booted.
Print: Entry, ":CFBundleIdentifier", Does Not Exist

Command failed: /usr/libexec/PlistBuddy -c Print:CFBundleIdentifier build/Build/Products/Debug-iphonesimulator/ngRnSeed.app/Info.plist
Print: Entry, ":CFBundleIdentifier", Does Not Exist

at ChildProcess.exithandler (child_process.js:207:12)
at emitTwo (events.js:106:13)
at ChildProcess.emit (events.js:191:7)
at maybeClose (internal/child_process.js:852:16)
at Socket.<anonymous> (internal/child_process.js:323:11)
at emitOne (events.js:96:13)
at Socket.emit (events.js:188:7)
at Pipe._handle.close [as _onclose] (net.js:492:12)

killed: false,
code: 1,
signal: null,
cmd: 'react-native run-ios' }
[19:14:48] Finished '!launch.ios' after 33 s

"Maximum call stack size exceeded" For Android Http, then debug js Remotely is right.
ios is right.
code:
this.http.get('https://en.wikipedia.org/w/api.php?format=json&action=query&generator=allpages&gaplimit=10')
.subscribe(data => {
this.resMassage = data.text();
});