{"action":"created","issue":{"url":"https://api.github.com/repos/facebook/react-360/issues/469","repository_url":"https://api.github.com/repos/facebook/react-360","labels_url":"https://api.github.com/repos/facebook/react-360/issues/469/labels{/name}","comments_url":"https://api.github.com/repos/facebook/react-360/issues/469/comments","events_url":"https://api.github.com/repos/facebook/react-360/issues/469/events","html_url":"https://github.com/facebook/react-360/issues/469","id":321344797,"number":469,"title":"Additional documentation on how to run the example files ","user":{"login":"ryanf12","id":38990999,"avatar_url":"https://avatars2.githubusercontent.com/u/38990999?v=4","gravatar_id":"","url":"https://api.github.com/users/ryanf12","html_url":"https://github.com/ryanf12","followers_url":"https://api.github.com/users/ryanf12/followers","following_url":"https://api.github.com/users/ryanf12/following{/other_user}","gists_url":"https://api.github.com/users/ryanf12/gists{/gist_id}","starred_url":"https://api.github.com/users/ryanf12/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ryanf12/subscriptions","organizations_url":"https://api.github.com/users/ryanf12/orgs","repos_url":"https://api.github.com/users/ryanf12/repos","events_url":"https://api.github.com/users/ryanf12/events{/privacy}","received_events_url":"https://api.github.com/users/ryanf12/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2018-05-08T20:59:05Z","updated_at":"2018-05-08T21:04:55Z","closed_at":null,"author_association":"NONE","body":"--- Delete everything above this line before submitting your issue ---\r\n\r\n**The examples are not working as expected for me.  Documentation on the process is limited.** \r\n\r\nIs this a Bug or a Feature Request?\r\n\r\n**Feature request for additional documentation.**  \r\n\r\nFor a Bug please explain below what you did, what you expected to happen, and what actually happens.\r\n\r\n**I expected the example file to run.  Instead, I got an error message.**  \r\n\r\n**Here is how to reproduce the issue:** \r\n\r\n1.  Download the files from https://github.com/facebook/react-360/tree/master/Examples/TourSample\r\n2.  From node.js, type in \"react-360 init TourSample\".  This will create the working directory called \"TourSample\" and dependencies.  \r\n3.  Copy the folders \"static_assets\", \"vr\", and the files \"index.vr.js\", \"InfoButton.js\", \"LoadingSpinner.js\", \"NavButton.js\", and \"Tooltip.js\" into the TourSample folder.  \r\n4.  Type in \"cd TourSample\" to change directory. \r\n5.  Type in \"npm install\" \r\n6.  Type in \"npm start\"\r\n7.  In the browser, go to \"http://localhost:8081/vr/index.html\".  \r\n\r\nIn NPM you'll get the error message \"error:  bundling failed:  UnableToResolveError:  Unable to resolve module 'react-vr-web' from D:\\React\\TourSample\\vr\\client.js':  Module does not exist in the module map.\"  In the browser you will see \"Uncaught ReferenceError: ReactVR is not defined\".  \r\n\r\n8.  Saw that the files in the \"samples\" folder use \"react-360-web\" instead of \"react-vr-web\". If you change line 16 of \"vr/client.js\" from: \r\nimport {VRInstance} from 'react-vr-web';\r\nto \r\nimport {VRInstance} from 'react-360-web';\r\n\r\nIt will successfully bundle the vr/client.js file, however, in your browser you'll then see the error message:  \"Uncaught TypeError: _react360Web.VRInstance is not a constructor\r\n    at Object.init (D:\\React\\TourSample\\vr\\client.js:19)\r\n    at index.html:12\" with a blank screen.  \r\n\r\n![react](https://user-images.githubusercontent.com/38990999/39782370-fc57b192-52df-11e8-99b0-ab3d2e8c157b.jpg)\r\n\r\n**It seems that I'm not running the example files correctly.**\r\n\r\nThe documentation that currently exists regarding running example files is somewhat limited.  Some additional documentation on how to properly run the example files would be helpful.  \r\n\r\nWhat needs to be done to address this issue? \r\n\r\n**A step-by-step example on how to run one the example files would be useful to those trying to learn the React language.**  \r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/facebook/react-360/issues/comments/387542051","html_url":"https://github.com/facebook/react-360/issues/469#issuecomment-387542051","issue_url":"https://api.github.com/repos/facebook/react-360/issues/469","id":387542051,"user":{"login":"andrewimm","id":494043,"avatar_url":"https://avatars2.githubusercontent.com/u/494043?v=4","gravatar_id":"","url":"https://api.github.com/users/andrewimm","html_url":"https://github.com/andrewimm","followers_url":"https://api.github.com/users/andrewimm/followers","following_url":"https://api.github.com/users/andrewimm/following{/other_user}","gists_url":"https://api.github.com/users/andrewimm/gists{/gist_id}","starred_url":"https://api.github.com/users/andrewimm/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/andrewimm/subscriptions","organizations_url":"https://api.github.com/users/andrewimm/orgs","repos_url":"https://api.github.com/users/andrewimm/repos","events_url":"https://api.github.com/users/andrewimm/events{/privacy}","received_events_url":"https://api.github.com/users/andrewimm/received_events","type":"User","site_admin":false},"created_at":"2018-05-08T21:04:55Z","updated_at":"2018-05-08T21:04:55Z","author_association":"CONTRIBUTOR","body":"If you want to try and run an old example on the new framework (no guarantees), you can use the techniques described here: https://facebook.github.io/react-360/docs/from-react-vr.html"}}
{"actor":{"display_login":"andrewimm"}}