{"action":"created","issue":{"url":"https://api.github.com/repos/callstack/react-native-paper/issues/689","repository_url":"https://api.github.com/repos/callstack/react-native-paper","labels_url":"https://api.github.com/repos/callstack/react-native-paper/issues/689/labels{/name}","comments_url":"https://api.github.com/repos/callstack/react-native-paper/issues/689/comments","events_url":"https://api.github.com/repos/callstack/react-native-paper/issues/689/events","html_url":"https://github.com/callstack/react-native-paper/issues/689","id":386566954,"node_id":"MDU6SXNzdWUzODY1NjY5NTQ=","number":689,"title":"App fails to compile with react-native-web","user":{"login":"b3u","id":39805353,"node_id":"MDQ6VXNlcjM5ODA1MzUz","avatar_url":"https://avatars3.githubusercontent.com/u/39805353?v=4","gravatar_id":"","url":"https://api.github.com/users/b3u","html_url":"https://github.com/b3u","followers_url":"https://api.github.com/users/b3u/followers","following_url":"https://api.github.com/users/b3u/following{/other_user}","gists_url":"https://api.github.com/users/b3u/gists{/gist_id}","starred_url":"https://api.github.com/users/b3u/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/b3u/subscriptions","organizations_url":"https://api.github.com/users/b3u/orgs","repos_url":"https://api.github.com/users/b3u/repos","events_url":"https://api.github.com/users/b3u/events{/privacy}","received_events_url":"https://api.github.com/users/b3u/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":31,"created_at":"2018-12-02T14:54:23Z","updated_at":"2018-12-10T13:39:17Z","closed_at":"2018-12-02T17:09:05Z","author_association":"NONE","body":"I'm trying to use *react-native-paper* in conjunction with *react-native-web*. [React-native-web](https://github.com/necolas/react-native-web)  is an npm package which aliases react-native, and allows you to run react-native apps in the browser (ie: no simulator). It renders components as android, and it uses react-native v0.55.\r\n\r\n### Current behaviour\r\nWhen I run the app without using *react-native-paper*, it runs fine. When I use *react-native-paper* however, I currently get an error message (see below) and the app fails to compile.\r\n\r\n### Expected behaviour\r\nI expect for the app to run as a *react-native-web* app, with* react-native-paper* providing components.\r\nBelow is the error message I receive when I run `npm start`.\r\n```sh\r\nFailed to compile\r\n./node_modules/react-native-paper/src/index.js\r\nSyntaxError: /media/binyamin/Seagate Expansion Drive/Documents/Coding/react-native/my-web-app/node_modules/react-native-paper/src/index.js: Unexpected token (4:12)\r\n\r\n  2 | \r\n  3 | import * as Colors from './styles/colors';\r\n> 4 | import type { Theme as _Theme } from './types';\r\n    |             ^\r\n  5 | \r\n  6 | export type Theme = _Theme;\r\n  7 | \r\n```\r\n### Code sample\r\nGithub Repo: https://github.com/b3u/my-web-app\r\nJust run `npm start` to reproduce the issue\r\n\r\n### Screenshots (if applicable)\r\n\r\n<!-- Include screenshots if there's a bug in the layout. -->\r\n\r\n### What have you tried\r\n\r\n<!-- List down the steps you have tried to fix or identify the issue and links to any related issues you found. -->\r\n    1. Search Google\r\n    2. Search existing issues\r\n    3. Create a custom theme\r\n    4. Opt out of using icons\r\n    5. Downgrade to v2.1.3\r\n### Your Environment\r\n\r\n| software              | version\r\n| --------------------- | -------\r\n| ios or android        | n/a (the web app displays as android)\r\n| react-native          | react-native-web v0.9.8\r\n| react-native-paper    | v2.2.8\r\n| node                  | v10.13\r\n| npm or yarn           | npm v6.4.1\r\n"},"comment":{"url":"https://api.github.com/repos/callstack/react-native-paper/issues/comments/445818095","html_url":"https://github.com/callstack/react-native-paper/issues/689#issuecomment-445818095","issue_url":"https://api.github.com/repos/callstack/react-native-paper/issues/689","id":445818095,"node_id":"MDEyOklzc3VlQ29tbWVudDQ0NTgxODA5NQ==","user":{"login":"littlehome-eugene","id":24217396,"node_id":"MDQ6VXNlcjI0MjE3Mzk2","avatar_url":"https://avatars3.githubusercontent.com/u/24217396?v=4","gravatar_id":"","url":"https://api.github.com/users/littlehome-eugene","html_url":"https://github.com/littlehome-eugene","followers_url":"https://api.github.com/users/littlehome-eugene/followers","following_url":"https://api.github.com/users/littlehome-eugene/following{/other_user}","gists_url":"https://api.github.com/users/littlehome-eugene/gists{/gist_id}","starred_url":"https://api.github.com/users/littlehome-eugene/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/littlehome-eugene/subscriptions","organizations_url":"https://api.github.com/users/littlehome-eugene/orgs","repos_url":"https://api.github.com/users/littlehome-eugene/repos","events_url":"https://api.github.com/users/littlehome-eugene/events{/privacy}","received_events_url":"https://api.github.com/users/littlehome-eugene/received_events","type":"User","site_admin":false},"created_at":"2018-12-10T13:39:17Z","updated_at":"2018-12-10T13:39:17Z","author_association":"NONE","body":"I hadd to add the following line\r\n\r\n  extensions: [\".web.js\", \".js\"]\r\n\r\nI also found something different with this line\r\n\r\n`\r\n/node_modules(?!\\/react-native-paper|react-native-vector-icons)`\r\n\r\nAlthough it doesn't work, I think the regex is bit off maybe. (I put ` exclude: /node_modules(?!\\/react-native-vector-icons)/,` separately and it worked..)"}}
{"actor":{"display_login":"littlehome-eugene"}}