"Unexpected Token <" when trying to run node server [duplicate]

Question

It would appear that in my adaptation of react-server-example (https://github.com/mhart/react-server-example) I cannot seem to use JSX. I have since made some changes (like replace Browserify with Webpack and so forth) however, after extensive looking around and installing babel-present-react, I can't seem to figure out what I am missing in order to run the app.

package.json

{ "name": "react-server-example", "version": "1.1.5", ... "dependencies": { "babel-preset-react": "^6.5.0", "react": "^0.14.7", "react-dom": "^0.14.7" }, "devDependencies": { "babel-cli": "^6.6.5", "babelify": "^7.2.0", "webpack": "^1.12.14" } }

webpack.config.js

module.exports = { entry: "./entry.js", output: { filename: "bundle.js" }, module: { loaders: [ { test: /\.css$/, loader: "style!css" }, { test: /\.js$/, loader: "jsx-loader" }, { test: /\.js$/, exclude: /node_modules/, loader: "babel", query: { presets:['react'] } } ] } };

.babelrc

{ "presets": ["es2015", "stage-0", "react"] }

You could look into express-react-views, which uses Babel to render React views on the server, much like any other template engine, such as Jade. — JCOC611
– JCOC611, Commented Mar 6, 2016 at 4:37
Can you also share how you've configured babel and how you're using babel to process the file? — Jonathan Lonowski
– Jonathan Lonowski, Commented Mar 6, 2016 at 4:37
so I have added a .babelrc file but I haven't done anything else with Babel... — John Doe
– John Doe, Commented Mar 6, 2016 at 4:47
What you may be missing is the use of Babel, as Node won't use Babel itself. You have to either compile the file from JSX to ES/JS before executing it (babel server.jsx -o server.js; node server.js) or use Babel's own command for doing both steps in one (babel-node server.js). — Jonathan Lonowski
– Jonathan Lonowski, Commented Mar 6, 2016 at 4:47
For that, you'll have to also install babel-preset-es2015. Or, remove "es2015" from any "presets" collections (.babelrc?). — Jonathan Lonowski
– Jonathan Lonowski, Commented Mar 6, 2016 at 4:53

thedeliciousmuffin · Accepted Answer · 2016-03-06 04:32:02Z

-1

It should be:

render: function() { return ( <Test name="wassuppp" /> ); }

You seem to be missing an opening (for the return.

answered Mar 6, 2016 at 4:32

thedeliciousmuffin

8141 gold badge11 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Andrew Mast Over a year ago

I don't believe this will work in Javascript... (But if it works in Node, never mind)

John Doe Over a year ago

nice catch but return <element />; is valid, so are parenthesis.

rossipedia Over a year ago

This is not correct. The parentheses are syntactic dressing, but are not required. @JohnDoe is correct.

Collectives™ on Stack Overflow

"Unexpected Token <" when trying to run node server [duplicate]

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related