Try adding exclude: /node_modules/ after loader: ‘babel-loader’. I had the same problem when trying to run the runtime transformer without excluding node_modules. I am not aware of the underlying problem, though.
Babel has a separate preset for React, see http://babeljs.io/docs/plugins/preset-react/ To install this, run the following command (this adds it to your node modules and your devDependencies in package.json) npm install –save-dev babel-preset-react
Set up different environments in your .babelrc { “env”: { “dev”: { “presets”: [“es2015”], “plugins”:[“x”] }, “test”: { “presets”: [“es2015”] } } } And then run babel after you have set your BABEL_ENV BABEL_ENV=test <commandhere> or BABEL_ENV=dev <commandhere> If you don’t set BABEL_ENV, babel will use the NODE_ENV value. If you don’t set either BABEL_ENV … Read more
You have 2 unclosed <div> tags in your render() and a semicolon that probably doesn’t belong. I’d get rid of those (e.g. close them, delete the semicolon in <div>; if it doesn’t belong) and try it again.
What could I be missing? Babel assigns default exports to the default property. So if you use require to import ES6 modules, you need to access the default property: const Button = require(‘./Components/Button.js’).default;
I’d like to add another reason why this error might pop up: I did the following: import mapActions from ‘vuex’ instead of: import { mapActions } from ‘vuex’ The former was importing the entire vuex export, which is an object. Adding object destructuring fixed the problem.
It should work with import ‘foo/module’;. It will resolve file ./node_modules/foo/module.js or ./node_modules/foo/module/index.js and not something like ./node_modules/foo/node_modules/module/index.js if it expected (in that case you better to install module via npm).
@babel/preset-env updated, use old version 7.12.17 https://www.npmjs.com/package/@babel/preset-env/v/7.12.17
async/await work with promises. They will only work if the async function your are awaiting returns a Promise. To solve your problem, you can either use a library like request-promise or return a promise from your doRequest function. Here is a solution using the latter. function doRequest(options) { return new Promise ((resolve, reject) => { … Read more
I had the same problem; I fixed it by installing the babel-loader module: yarn add -D babel-loader or npm install –save babel-loader