{"action":"created","issue":{"url":"https://api.github.com/repos/react-native-training/react-native-elements/issues/874","repository_url":"https://api.github.com/repos/react-native-training/react-native-elements","labels_url":"https://api.github.com/repos/react-native-training/react-native-elements/issues/874/labels{/name}","comments_url":"https://api.github.com/repos/react-native-training/react-native-elements/issues/874/comments","events_url":"https://api.github.com/repos/react-native-training/react-native-elements/issues/874/events","html_url":"https://github.com/react-native-training/react-native-elements/issues/874","id":294008605,"number":874,"title":"Setup cross-platform (native and web) project with react-native web and tried using RNE produces error: module parse failed because of unexpected toke","user":{"login":"jstansbe","id":1250522,"avatar_url":"https://avatars1.githubusercontent.com/u/1250522?v=4","gravatar_id":"","url":"https://api.github.com/users/jstansbe","html_url":"https://github.com/jstansbe","followers_url":"https://api.github.com/users/jstansbe/followers","following_url":"https://api.github.com/users/jstansbe/following{/other_user}","gists_url":"https://api.github.com/users/jstansbe/gists{/gist_id}","starred_url":"https://api.github.com/users/jstansbe/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jstansbe/subscriptions","organizations_url":"https://api.github.com/users/jstansbe/orgs","repos_url":"https://api.github.com/users/jstansbe/repos","events_url":"https://api.github.com/users/jstansbe/events{/privacy}","received_events_url":"https://api.github.com/users/jstansbe/received_events","type":"User","site_admin":false},"labels":[{"id":562785733,"url":"https://api.github.com/repos/react-native-training/react-native-elements/labels/Awaiting%20Reply","name":"Awaiting Reply","color":"0052cc","default":false},{"id":439000341,"url":"https://api.github.com/repos/react-native-training/react-native-elements/labels/Question","name":"Question","color":"cc317c","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":6,"created_at":"2018-02-02T20:09:16Z","updated_at":"2018-03-02T09:46:13Z","closed_at":null,"author_association":"NONE","body":"### Description\r\n\r\n1. Setup cross-platform (native and web) project with react-native web and tried using RNE (v1.0.0 beta). I followed the instructions here (https://medium.com/@naqvitalha/react-native-web-setup-with-live-reload-on-both-at-the-same-time-657a99ac521a) and have the same folder structure, webpack.config.js, etc. \r\n2. I was expecting to be able to simply use the RNE components and have them work for android/ios/web. I started by just importing Button into my App.js.\r\n3. This broke the web and my android version (react-native run-android via usb to device). There was a long list of errors that all read something like: \r\nError in [path to RNE compoenent] \r\nmodule parse failed because of unexpected token\r\n\r\nhere are a few of the errors as they appeared in my terminal:\r\n\r\n```\r\nERROR in ./ReactnativeProject/node_modules/react-native-elements/src/header/Header.js\r\nModule parse failed: Unexpected token (12:11)\r\nYou may need an appropriate loader to handle this file type.\r\n| function generateChild(value, type) {\r\n|   if (React.isValidElement(value)) {\r\n|     return <View key={type}>{value}</View>;\r\n|   } else if (typeof value === 'object' && !isEmpty(value)) {\r\n|     return type === 'center' ? (\r\n @ ./ReactnativeProject/node_modules/react-native-elements/src/index.js 29:0-37\r\n @ ./ReactnativeProject/_comps/Button.js\r\n @ ./ReactnativeProject/App.js\r\n @ ./ReactnativeProject/index.js\r\n @ ./entry.js\r\n @ multi (webpack)-dev-server/client?http://localhost:8080 ./entry.js\r\n\r\nERROR in ./ReactnativeProject/node_modules/react-native-elements/src/badge/badge.js\r\nModule parse failed: Unexpected token (18:4)\r\nYou may need an appropriate loader to handle this file type.\r\n|     children,\r\n|     element,\r\n|     ...attributes\r\n|   } = props;\r\n|\r\n @ ./ReactnativeProject/node_modules/react-native-elements/src/index.js 18:0-34\r\n @ ./ReactnativeProject/_comps/Button.js\r\n @ ./ReactnativeProject/App.js\r\n @ ./ReactnativeProject/index.js\r\n @ ./entry.js\r\n @ multi (webpack)-dev-server/client?http://localhost:8080 ./entry.js\r\n\r\nERROR in ./ReactnativeProject/node_modules/react-native-elements/src/search/Search.js\r\nModule parse failed: Unexpected token (18:9)\r\nYou may need an appropriate loader to handle this file type.\r\n|\r\n| class Search extends Component {\r\n|   getRef = () => {\r\n|     return this.input || this.refs[this.props.textInputRef];\r\n|   };\r\n @ ./ReactnativeProject/node_modules/react-native-elements/src/index.js 17:0-40\r\n @ ./ReactnativeProject/_comps/Button.js\r\n @ ./ReactnativeProject/App.js\r\n @ ./ReactnativeProject/index.js\r\n @ ./entry.js\r\n @ multi (webpack)-dev-server/client?http://localhost:8080 ./entry.js\r\n\r\nERROR in ./ReactnativeProject/node_modules/react-native-elements/src/pricing/PricingCard.js\r\nModule parse failed: Unexpected token (25:4)\r\nYou may need an appropriate loader to handle this file type.\r\n|     buttonFont,\r\n|     onButtonPress,\r\n|     ...attributes\r\n|   } = props;\r\n|   return (\r\n @ ./ReactnativeProject/node_modules/react-native-elements/src/index.js 30:0-48\r\n @ ./ReactnativeProject/_comps/Button.js\r\n @ ./ReactnativeProject/App.js\r\n @ ./ReactnativeProject/index.js\r\n @ ./entry.js\r\n @ multi (webpack)-dev-server/client?http://localhost:8080 ./entry.js\r\n```\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/react-native-training/react-native-elements/issues/comments/369874179","html_url":"https://github.com/react-native-training/react-native-elements/issues/874#issuecomment-369874179","issue_url":"https://api.github.com/repos/react-native-training/react-native-elements/issues/874","id":369874179,"user":{"login":"geminiyellow","id":929878,"avatar_url":"https://avatars2.githubusercontent.com/u/929878?v=4","gravatar_id":"","url":"https://api.github.com/users/geminiyellow","html_url":"https://github.com/geminiyellow","followers_url":"https://api.github.com/users/geminiyellow/followers","following_url":"https://api.github.com/users/geminiyellow/following{/other_user}","gists_url":"https://api.github.com/users/geminiyellow/gists{/gist_id}","starred_url":"https://api.github.com/users/geminiyellow/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/geminiyellow/subscriptions","organizations_url":"https://api.github.com/users/geminiyellow/orgs","repos_url":"https://api.github.com/users/geminiyellow/repos","events_url":"https://api.github.com/users/geminiyellow/events{/privacy}","received_events_url":"https://api.github.com/users/geminiyellow/received_events","type":"User","site_admin":false},"created_at":"2018-03-02T09:46:13Z","updated_at":"2018-03-02T09:46:13Z","author_association":"NONE","body":"@xavier-villelegier thank you, but `beta3` is same problem. \r\ni follow the docs [here](https://react-native-training.github.io/react-native-elements/docs/getting_started.html), but i think something is missing."}}
{"actor":{"display_login":"geminiyellow"}}