react-native-training / create-xp-app Goto Github PK

Create a new app, and npm run start gives the following error

Loading dependency graph...
React packager ready.

2017-06-30 13:19 node[50482] (FSEvents.framework) FSEventStreamStart: register_with_server: ERROR: f2d_register_rpc() => (null) (-22)
2017-06-30 13:19 node[50482] (FSEvents.framework) FSEventStreamStart: register_with_server: ERROR: f2d_register_rpc() => (null) (-22)
 ERROR  Error watching file for changes: EMFILE
{"code":"EMFILE","errno":"EMFILE","syscall":"Error watching file for changes:","filename":null}
Error: Error watching file for changes: EMFILE
    at exports._errnoException (util.js:1050:11)
    at FSEvent.FSWatcher._handle.onchange (fs.js:1374:11)

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

npm ERR! Darwin 16.6.0
npm ERR! argv "/usr/local/Cellar/node/7.10.0/bin/node" "/usr/local/bin/npm" "run" "start"
npm ERR! node v7.10.0
npm ERR! npm  v4.2.0
npm ERR! code ELIFECYCLE
npm ERR! errno 11
npm ERR! [email protected] start: `node node_modules/react-native/local-cli/cli.js start`
npm ERR! Exit status 11
npm ERR! 
npm ERR! Failed at the [email protected] start script 'node node_modules/react-native/local-cli/cli.js start'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the rxp package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     node node_modules/react-native/local-cli/cli.js start
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs rxp
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls rxp
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     /Users/sunfmin/.npm/_logs/2017-06-30T05_19_34_238Z-debug.log

unversioned files 29k

add to the generated code a .gitignore file like
https://raw.githubusercontent.com/Microsoft/reactxp/master/samples/TodoList/.gitignore

thanks...

I was expecting it to open up a simulator like in RN projects. (run ios)

It just sticks on

I'm running npm run rn-watch too

there is a problem with project name
its always rxphelloworld !

i have to change it manually in android studio and xcode
(package="com.rxphelloworld")
((string name="app_name">rxphelloworld/string>))

this is a good module to do this
react-native-rename

Are you somehow cloning the https://github.com/Microsoft/reactxp project and doing some modifications?

Is there a way to serve the web app on a server like localhost:3000 out of the box or do we have to manually set one up?

So far, I have been using the file:///...index.html but with routing involved, thought I'd check first :)

Is this project still developed? what about adding uwp support?

Regards,
Manuele

I see the output messages in the console, but the folder is empty.

Command used:
$ yarn global add create-xp-app

Yarn version: v0.23.4

Node version: v7.10.0

NPM version: 4.2.0

NVM version: 0.31.1

OS: Ubuntu 16.04 LTS

After removing from Yarn global and installing it with npm i -g create-xp-app it works well.

Thank you for the work in this project!

It would be nice to get this working with yarn create, which simply passes down the arguments after installing. Now we have to do yarn create xp-app new my-app, while yarn create xp-app my-app would be more obvious.

This is blocked by #4

Basically I wonder if you have a hot-loading already in place, so we dont have to save + reload all the time?

i follow the readme, but it alway show me a error message.

~/D/Sources> create-xp-app 'hello-react-xp'
----------------------------------------------------------
child_process.js:380
    throw new TypeError('"file" argument must be a non-empty string');
    ^

TypeError: "file" argument must be a non-empty string
    at normalizeSpawnArguments (child_process.js:380:11)
    at exports.spawn (child_process.js:487:38)
    at Object.<anonymous> (/usr/local/lib/node_modules/create-xp-app/bin/cli.js:16:3)
    at Module._compile (module.js:569:30)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:503:32)
    at tryModuleLoad (module.js:466:12)
    at Function.Module._load (module.js:458:3)
    at Function.Module.runMain (module.js:605:10)
    at startup (bootstrap_node.js:158:16)

Não consigo criar um novo projeto ou aplicativo react xp!
Quando digito "create-xp-app MyProject" no cmd aparece alguns erros!

Alguém pode me ajudar a resolver isso, por favor!

Hi @dabit3,

Can you please share a guide with us (video or medium article) on how to render a ReactXP app on the server? I currently use React Router v4 for client side local development, but really don't know where to start to get it online (coming from php) with the benefits of indexing/SEO of the app.

This short section in the React repo talks about SEO and crawling, but I am not sure how to do so with ReactXP. You have a great way of explaining things and breaking them down really well for the community, so I thought of asking you for guidance in this area.

create-xp-app simplePro

child_process.js:380
throw new TypeError('"file" argument must be a non-empty string');
^

TypeError: "file" argument must be a non-empty string
at normalizeSpawnArguments (child_process.js:380:11)
at exports.spawn (child_process.js:485:38)
at Object. (C:\Users\admin\AppData\Roaming\npm\node_modules\create-xp-app\bin\cli.js:16:3)
at Module._compile (module.js:569:30)
at Object.Module._extensions..js (module.js:580:10)
at Module.load (module.js:503:32)
at tryModuleLoad (module.js:466:12)
at Function.Module._load (module.js:458:3)
at Function.Module.runMain (module.js:605:10)
at startup (bootstrap_node.js:158:16)

////////////////////////////////
For React Native
Step 1. run npm run rn-watch
This compiles the TypeScript code and recompiles it whenever any files are changed.
Step 2. run npm start
This starts the React Native Packager.
////////////////////////////////

There is a mistake in this phrase : "run npm run rn-watch"

Edit: mu fault but i think its better to do like react-native and put command there

Idea why its happening when I do npm run web-watch

System: MacOS Sierra
Node: 6.9.5

Following is the error:

/PATH_TO_CREATE-XP-APP_GENERATED_PROJECT/node_modules/react-native-svg/android/src/main/java/com/horcrux/svg/SvgView.java
Error:(50, 48) error: cannot find symbol variable UNSET

There seems to be an incompatibility between ReactNative and the embedded SVG library for React Native.

Is this project still maintained? Seems to be pretty outdated at this point. If it's helpful, I can submit a PR to get this project up-to-date.

Thanks, Madhav.

➜ react-native-workspace create-xp-app new MyAwesomeProject
module.js:442
throw err;
^

Error: Cannot find module 'commander'
at Function.Module._resolveFilename (module.js:440:15)
at Function.Module._load (module.js:388:25)
at Module.require (module.js:468:17)
at require (internal/module.js:20:19)
at Object. (/usr/local/lib/node_modules/create-xp-app/bin/cli.js:3:17)
at Module._compile (module.js:541:32)
at Object.Module._extensions..js (module.js:550:10)
at Module.load (module.js:458:32)
at tryModuleLoad (module.js:417:12)
at Function.Module._load (module.js:409:3)