{"action":"created","issue":{"url":"https://api.github.com/repos/fedosejev/react-essentials/issues/75","repository_url":"https://api.github.com/repos/fedosejev/react-essentials","labels_url":"https://api.github.com/repos/fedosejev/react-essentials/issues/75/labels{/name}","comments_url":"https://api.github.com/repos/fedosejev/react-essentials/issues/75/comments","events_url":"https://api.github.com/repos/fedosejev/react-essentials/issues/75/events","html_url":"https://github.com/fedosejev/react-essentials/issues/75","id":138663361,"number":75,"title":"Chapter 2: babelify JSX does not work","user":{"login":"klishevich","id":1125328,"avatar_url":"https://avatars.githubusercontent.com/u/1125328?v=3","gravatar_id":"","url":"https://api.github.com/users/klishevich","html_url":"https://github.com/klishevich","followers_url":"https://api.github.com/users/klishevich/followers","following_url":"https://api.github.com/users/klishevich/following{/other_user}","gists_url":"https://api.github.com/users/klishevich/gists{/gist_id}","starred_url":"https://api.github.com/users/klishevich/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/klishevich/subscriptions","organizations_url":"https://api.github.com/users/klishevich/orgs","repos_url":"https://api.github.com/users/klishevich/repos","events_url":"https://api.github.com/users/klishevich/events{/privacy}","received_events_url":"https://api.github.com/users/klishevich/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-03-05T09:17:33Z","updated_at":"2016-03-05T14:37:58Z","closed_at":null,"body":"Error when I try to gulp I get an error\r\n```\r\n[12:12:26] Starting 'default'...\r\n\r\nevents.js:72\r\n        throw er; // Unhandled 'error' event\r\n              ^\r\nSyntaxError: /Users/klisha/node_projects/snapterest/source/app.js: Unexpected token (4:18)\r\n  2 | var ReactDOM = require('react-dom');\r\n  3 | \r\n> 4 | var listOfItems = <ul className=\"ul1\">\r\n    |                   ^\r\n  5 |                     <li className=\"li1\" key=\"li1\">List Element JSX 1</li>\r\n  6 |                     <li className=\"li2\" key=\"li2\">List Element JSX 2</li>\r\n  7 |                     <li className=\"li3\" key=\"li3\">List Element JSX 3</li>\r\n    at Parser.pp.raise (/Users/klisha/node_projects/snapterest/node_modules/babelify/node_modules/babel-core/node_modules/babylon/index.js:1375:13)\r\n```\r\napp.js\r\n```\r\nvar React = require('react');\r\nvar ReactDOM = require('react-dom');\r\n\r\nvar listOfItems = <ul className=\"ul1\">\r\n                    <li className=\"li1\" key=\"li1\">List Element JSX 1</li>\r\n                    <li className=\"li2\" key=\"li2\">List Element JSX 2</li>\r\n                    <li className=\"li3\" key=\"li3\">List Element JSX 3</li>\r\n                  </ul>;\r\n\r\n\r\nReactDOM.render(listOfItems, document.getElementById('react-application'));\r\n```\r\ngulpfile.js\r\n```\r\nvar gulp = require('gulp');\r\nvar browserify = require('browserify');\r\nvar babelify = require('babelify');\r\nvar source = require('vinyl-source-stream');\r\n// var cssimport = require(\"gulp-cssimport\");\r\n// var options = {\r\n// \tmatchPattern: \"*.css\" // process only css \r\n// };\r\n\r\ngulp.task('default', function() {\r\n //  gulp.src(\"./source/style.css\")\r\n\t// .pipe(cssimport(options))\r\n\t// .pipe(gulp.dest('./build/'));\r\n  return browserify('./source/app.js')\r\n    \t.transform(babelify)\r\n    \t.bundle()\r\n    \t.pipe(source('snapterest.js'))\r\n    \t.pipe(gulp.dest('./build/'));\r\n});\r\n```\r\npackage.json\r\n```\r\n{\r\n  \"name\": \"snapterest\",\r\n  \"version\": \"1.0.0\",\r\n  \"description\": \"\",\r\n  \"main\": \"index.js\",\r\n  \"scripts\": {\r\n    \"test\": \"echo \\\"Error: no test specified\\\" && exit 1\"\r\n  },\r\n  \"author\": \"\",\r\n  \"license\": \"ISC\",\r\n  \"devDependencies\": {\r\n    \"babelify\": \"^7.2.0\",\r\n    \"browserify\": \"^13.0.0\",\r\n    \"gulp\": \"^3.9.1\",\r\n    \"gulp-cssimport\": \"^3.0.1\",\r\n    \"vinyl-source-stream\": \"^1.1.0\"\r\n  },\r\n  \"dependencies\": {\r\n    \"cldr-data\": \"^28.0.3\",\r\n    \"globalize\": \"^1.1.1\",\r\n    \"react\": \"^0.14.7\",\r\n    \"react-bootstrap-datetimepicker\": \"0.0.22\",\r\n    \"react-dom\": \"^0.14.7\",\r\n    \"react-widgets\": \"^3.2.0\"\r\n  }\r\n}\r\n\r\n```\r\nproject link - https://github.com/klishevich/snapterest"},"comment":{"url":"https://api.github.com/repos/fedosejev/react-essentials/issues/comments/192661622","html_url":"https://github.com/fedosejev/react-essentials/issues/75#issuecomment-192661622","issue_url":"https://api.github.com/repos/fedosejev/react-essentials/issues/75","id":192661622,"user":{"login":"klishevich","id":1125328,"avatar_url":"https://avatars.githubusercontent.com/u/1125328?v=3","gravatar_id":"","url":"https://api.github.com/users/klishevich","html_url":"https://github.com/klishevich","followers_url":"https://api.github.com/users/klishevich/followers","following_url":"https://api.github.com/users/klishevich/following{/other_user}","gists_url":"https://api.github.com/users/klishevich/gists{/gist_id}","starred_url":"https://api.github.com/users/klishevich/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/klishevich/subscriptions","organizations_url":"https://api.github.com/users/klishevich/orgs","repos_url":"https://api.github.com/users/klishevich/repos","events_url":"https://api.github.com/users/klishevich/events{/privacy}","received_events_url":"https://api.github.com/users/klishevich/received_events","type":"User","site_admin":false},"created_at":"2016-03-05T14:37:58Z","updated_at":"2016-03-05T14:37:58Z","body":"solved my problem\r\n`npm install --save-dev babelify@6.4.0`"}}