src/index.js: Unexpected token (7:2)' actually means you probably forgot to modify your package.json file way back in chapter one – the new lines that load Babel presets for es2015 and react are required, so please go back to chapter one and ensure your package.json file is correct.Īnyway, before I explain what the new code does, try going back to Detail.js and modify its render method to say 'This is JSX being converted to HTML!' If you do that, then press save again, you'll see some magic happen: your web browser will automatically update to show the new message. Sometimes the error messages can be a bit obscure, so you might need to investigate carefully.įor example, the error message 'Super expression must either be null or a function, not undefined' probably means you created the Detail component using class Detail extends ponent rather than class Detail extends React.Component – note the difference of a capital C in Component is all it takes to break.Īs another example, an error message similar to 'ERROR in. Save both index.js and Detail.js and, all being well, you should be able to return to your web browser and see 'This is React rendering HTML!' right there on the screen.ĭon't see anything? You may have made a typo, and should look in your browser's console for more information.

Our code doesn’t do anything yet because we haven't included our new page in the app, so please go back to index.js and modify it to this:

React es6