{"action":"opened","issue":{"url":"https://api.github.com/repos/systemjs/systemjs/issues/1267","repository_url":"https://api.github.com/repos/systemjs/systemjs","labels_url":"https://api.github.com/repos/systemjs/systemjs/issues/1267/labels{/name}","comments_url":"https://api.github.com/repos/systemjs/systemjs/issues/1267/comments","events_url":"https://api.github.com/repos/systemjs/systemjs/issues/1267/events","html_url":"https://github.com/systemjs/systemjs/issues/1267","id":154206203,"number":1267,"title":"React.js component got broken after using `jspm bundle-sfx`","user":{"login":"jeud","id":3884881,"avatar_url":"https://avatars.githubusercontent.com/u/3884881?v=3","gravatar_id":"","url":"https://api.github.com/users/jeud","html_url":"https://github.com/jeud","followers_url":"https://api.github.com/users/jeud/followers","following_url":"https://api.github.com/users/jeud/following{/other_user}","gists_url":"https://api.github.com/users/jeud/gists{/gist_id}","starred_url":"https://api.github.com/users/jeud/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jeud/subscriptions","organizations_url":"https://api.github.com/users/jeud/orgs","repos_url":"https://api.github.com/users/jeud/repos","events_url":"https://api.github.com/users/jeud/events{/privacy}","received_events_url":"https://api.github.com/users/jeud/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-05-11T10:07:24Z","updated_at":"2016-05-11T10:07:24Z","closed_at":null,"body":"I have done some googling so I think my problem might be related to `system.js`\r\n\r\nI have a very simple React.js Component *app/index.js*\r\n\r\n    import React, { Component } from 'react';\r\n    import ReactDOM from 'react-dom';\r\n    \r\n    class ReactApp extends Component {\r\n    \r\n    \thandleClick(event) {\r\n    \t\tconsole.log('Clicked ...');\r\n    \t}\r\n    \r\n    \trender() {\r\n    \t\treturn (\r\n    \t\t\t<div>\r\n    \t\t\t\t<h3>Hello World</h3>\r\n    \t\t\t\t<button className=\"btn btn-success\" onClick={ this.handleClick.bind(this) }>Click</button>\r\n    \t\t\t</div>\r\n    \t\t);\r\n    \t}\r\n    }\r\n    \r\n    ReactDOM.render(<ReactApp />, document.getElementById('reactApp'));\r\n\r\nThis component works fine using jspm (development mode) with `<script>` tag in the *index.html* as below\r\n\r\n    <script type=\"text/javascript\" src=\"jspm_packages/system.js\"></script>\r\n    <script type=\"text/javascript\" src=\"config.js\"></script>\r\n    <script type=\"text/javascript\">\r\n    \tSystem.import('app/index');\r\n    </script>\r\n\r\nAfter using `jspm bundle-sfx app/index dist/app.min.js` and editing *index.html* to\r\n\r\n    <script type=\"text/javascript\" src=\"dist/app.min.js\"></script>\r\n\r\nI then have got this error\r\n\r\n[![enter image description here][1]][1]\r\n\r\n    'window.webkitStorageInfo' is deprecated. Please use 'navigator.webkitTemporaryStorage' or 'navigator.webkitPersistentStorage' instead.\r\n    \r\n    'webkitIndexedDB' is deprecated. Please use 'indexedDB' instead.\r\n\r\nI believe, I have done this using `jspm bundle-sfx` 2 months ago, it was working just fine, I have tried to google for some solution but no luck, please guide\r\n\r\nThanks\r\n\r\n  [1]: http://i.stack.imgur.com/YwfRF.png\r\n"}}