having issue with dynamic import in nodemon with babel-node

having issue with dynamic import in nodemon with babel-node here is my package.json file my package.json

• nodemon -1.17.2:
• node -v8.11.2:
• Operating system/terminal environment:
• Command you ran: nodemon --exec babel-node server/server.js --ignore public/

Expected behaviour:- should compile without error

Actual behaviour:- but throwing an error that is Unexpected token import

here is problem :-

i ran my server/server.js file with command babel server/server.js it is working fine pic:-

[loganfsmyth]

Oh I’m sorry, it looks like you’d need to enable https://www.npmjs.com/package/babel-plugin-dynamic-import-node

The syntax-dynamic-import is just so Babel doesn’t throw a parse error, if you want to transform it into something that works on Node, you need a transform to do that.

[rizwan92]

it works thanks @loganfsmyth . so here is some information about dynamic import in server side rendering with react and express. dynamic import already supports by webpack which bundles up the all the react application. but if you are using server side rendering which means compile the whole react application in server side and then send html string to the client , then babel wont understand the syntax import (‘./yourFile.js’). to make it work you need to use this https://www.npmjs.com/package/babel-plugin-dynamic-import-node plugin for node support. and you must use stage-3 preset. my babelrc config { “presets”: [“es2015”,“stage-2”,“stage-3”,“react”], “plugins”: [“dynamic-import-node”] }