title: Webpack Parse Error: Unexpected token (8:2) You may need an appropriate loader to handle this file type
body: <p>I am trying to intigrate react-native-web with an existing react-native app, I have followed <a href="https://github.com/necolas/react-native-web/blob/master/docs/guides/multi-platform-apps.md" rel="nofollow noreferrer">https://github.com/necolas/react-native-web/blob/master/docs/guides/multi-platform-apps.md</a> instructions, </p>
  
  <p>Unable to parse the any JSX code, due to Module parse failed: Unexpected token (8:2) You may need an appropriate loader to handle this file type.</p>
  
  <p><strong>Bug Report</strong></p>
  
  <pre><code>i ｢wds｣: Project is running at http://localhost:8080/
  i ｢wds｣: webpack output is served from /
  i ｢wds｣: Content not from webpack is served from E:\React_Native\react-native-sdk\react-native-sample
  × ｢wdm｣: Hash: 7aedd4585c7beddba8f6
  Version: webpack 4.32.2
  Time: 2621ms
  Built at: 05/31/2019 7:03:04 PM
          Asset     Size  Chunks             Chunk Names
  bundle.web.js  6.8 MiB    main  [emitted]  main
  Entrypoint main = bundle.web.js
  [1] multi (webpack)-dev-server/client?http://localhost (webpack)/hot/dev-server.js ./index.js 52 bytes {main} [built]
  [./index.js] 1.62 KiB {main} [built]
  [./node_modules/loglevel/lib/loglevel.js] 7.68 KiB {main} [built]
  [./node_modules/querystring-es3/index.js] 127 bytes {main} [built]
  [./node_modules/react-native-web/dist/index.js] 8.86 KiB {main} [built]
  [./node_modules/strip-ansi/index.js] 161 bytes {main} [built]
  [./node_modules/url/url.js] 22.8 KiB {main} [built]
  [./node_modules/webpack-dev-server/client/index.js?http://localhost] (webpack)-dev-server/client?http://localhost 9.26 KiB {main} [built]
  [./node_modules/webpack-dev-server/client/overlay.js] (webpack)-dev-server/client/overlay.js 3.59 KiB {main} [built]
  [./node_modules/webpack-dev-server/client/socket.js] (webpack)-dev-server/client/socket.js 1.05 KiB {main} [built]
  [./node_modules/webpack/hot sync ^\.\/log$] (webpack)/hot sync nonrecursive ^\.\/log$ 170 bytes {main} [built]
  [./node_modules/webpack/hot/dev-server.js] (webpack)/hot/dev-server.js 1.61 KiB {main} [built]
  [./node_modules/webpack/hot/emitter.js] (webpack)/hot/emitter.js 75 bytes {main} [built]
  [./node_modules/webpack/hot/log-apply-result.js] (webpack)/hot/log-apply-result.js 1.27 KiB {main} [built]
  [./node_modules/webpack/hot/log.js] (webpack)/hot/log.js 1.11 KiB {main} [built]
      + 302 hidden modules
  
  ERROR in ./src/App.js 8:2
  Module parse failed: Unexpected token (8:2)
  You may need an appropriate loader to handle this file type.
  | 
  | const Link = props =&gt; (
  &gt;   &lt;Text
  |     {...props}
  |     accessibilityRole="link"
   @ ./index.js 29:0-28 34:54-57
   @ multi ./index.js
  i ｢wdm｣: Failed to compile.
  </code></pre>
  
  <p>Tried with multiple plugins and presets in webpack.config.js</p>
  
  <pre><code> i. presets: [require.resolve('babel-preset-react-native')],
  
   ii. presets: ['react-native']
  </code></pre>
  
  <p><strong><a href="https://gist.github.com/srikanthsunkari/64377454251739266ee5cd092209018e#file-package-json" rel="nofollow noreferrer">react-native-sample ->  package.json</a></strong></p>
  
  <p><strong><a href="https://gist.github.com/srikanthsunkari/64377454251739266ee5cd092209018e#file-webpack-config-js" rel="nofollow noreferrer">web/webpack.config.js</a></strong></p>
  
  <p><strong><a href="https://gist.github.com/srikanthsunkari/64377454251739266ee5cd092209018e#file-metro-config-js" rel="nofollow noreferrer">metro.config.js</a></strong></p>
  
  <p><strong>babel.config.js</strong></p>
  
  <pre><code>    module.exports = {
        presets: ['module:metro-react-native-babel-preset'],
      };
  
  </code></pre>
  
  <p>Any help would be most helpful.</p>