TL;DR You have to use const app = require(‘./app’).default; app(); Explanation Babel 5 used to have a compatibility hack for export default: if a module contained only one export, and it was a default export, it was assigned to module.exports. So, for example, your module app.js export default function () {} would be transpiled to … Read more
Change “plugins”: [ “@babel/plugin-proposal-class-properties” ] To “plugins”: [ [ “@babel/plugin-proposal-class-properties”, { “loose”: true } ] ] This worked for me
In order to use source map, you should change devtool option value from true to the value which available in this list, for instance source-map devtool: ‘source-map’ devtool: ‘source-map’ – A SourceMap is emitted.
You can easily re-export the default import: export {default as Comp1} from ‘./Comp1.jsx’; export {default as Comp2} from ‘./Comp2.jsx’; export {default as Comp3} from ‘./Comp3.jsx’; There also is a proposal for ES7 ES8 that will let you write export Comp1 from ‘…’;.
For Babel >= 7.x ES6 code has two processing modes: “script” – When you load a file via a <script>, or any other standard ES5 way of loading a file “module” – When a file is processed as an ES6 module In Babel 7.x, files are parsed as “module” by default. The thing that is … Read more
ES6 imports are a recently introduced feature and the current stable version of Node does not support them yet. Node.js issue tracker has an open issue for this – but until V8 and Node add support for this feature, you will need to use a transpiler (most popular one being babel) to be able to … Read more
Extending native classes is not supported by Babel. It was removed in version 5.2.17 (see this commit) It was removed because it was not working properly, see the bug: https://phabricator.babeljs.io/T1424 It’s unlikely it will be ever added because it’s not a feature that can be simulated. We will have to wait for native support in … Read more
Note that the Babel translation is assuming strict mode, but your result with window indicates you’re running your code in loose mode. If you tell Babel to assume loose mode, its transpilation is different: var _this = this; // ** var arrowObject = { name: ‘arrowObject’, printName: function printName() { console.log(_this); // ** } }; … Read more
Updated for 2022 You are using ES6 Module syntax. This means your environment (e.g. node v14.13.0 or newer) must support ESM (Ecmascript Module Syntax). NodeJS since v14.13.0 supports EcmaScript Module Syntax but it must be enabled by adding the property “type”:”module” to package.json. NodeJS versions prior to v14.13.0 uses CommonJS Module syntax by default (module.exports), … Read more
You need to install the es2015 preset: npm install babel-preset-es2015 and then configure babel-loader: { test: /\.jsx?$/, loader: ‘babel-loader’, exclude: /node_modules/, query: { presets: [‘es2015’] } }