Uncaught ReferenceError: require is not defined

Hi,

I am experimenting with ES7 generators in my project. I followed these instructions https://www.npmjs.com/package/gulp-babel#runtime to install the required gulp-babel plugin.

I am seeing an error in my console as follows when I reload the page:

main.js:3 Uncaught ReferenceError: require is not defined

Inside main.js:3 there is the line:

var _promise = require('babel-runtime/core-js/promise');

The task within my gulpfile.js looks like this:

gulp.task('scripts-dev', () => {
	return gulp
	.src('./assets/scripts/**/*')
	.pipe(jshint())
	.pipe(jshint.reporter('default'))
	.pipe(concat('main.js'))
	.pipe(babel({
		presets: ['es2015'],
		plugins: ['transform-runtime']
	}))
	.pipe(gulp.dest(dest.scripts));
});

Is there another plugin I need to install to get this working?

For reference, the branch I am experimenting with for my project can be seen here.

[rationality6]

I solved this error with this way. change babel to latest preset. I read babel documentations

https://github.com/babel/babel-preset-env

.pipe(babel({ presets: [‘env’] }))

and than install babel polyfill

and gonna everyhings work fine.

[loganfsmyth]

transform-runtime is by definition modular. If you’re using it, you need to be using your code in an environment that supports modules, so either Node or client-side with Webpack or Browserify.