ReferenceError: require is not defined in ES module scope, you can use import instead gulp sass

Question

I got an error when using this line of code

const sass = require('gulp-sass')(require('sass'));

The error output is :

Requiring external module babel-register
ReferenceError: require is not defined in ES module scope, you can use import instead
This file is being treated as an ES module because it has a '.js' file extension and 'C:\xampp-clean\htdocs\myfirsttheme\package.json' contains "type": "module". T
o treat it as a CommonJS script, rename it to use the '.cjs' file extension.

I have changed

const sass = require('gulp-sass')(require('sass'));

the error disappeared but I am getting this error :

Requiring external module babel-register
TypeError: Cannot read property 'prod' of undefined

and this line is causing the error :

const PRODUCTION = yargs.argv.prod;

Do anyone has an idea?

I have tried a lot and googled this error but I did not find a solution , do anyone has an idea about this ? Thanks in advance

The problem shows up when using CommonJS syntax (require) in a ES module project: https://youtu.be/TXcFnsY5aqQ?t=237 — Benny Code, Feb 27 '23 at 13:23

score 18 · Answer 1 · answered Sep 08 '21 at 08:46

18

Can you check the "type" part in the package.json file? If the type part is module, you will get this error. You have to make it Commonjs.

answered Sep 08 '21 at 08:46

{ "name": "myfirsttheme", "version": "1.0.0", "description": "description", "main": "index.js", "type": "module", – askcoder Sep 08 '21 at 08:51
1

you mean "type":"commonjs"? – askcoder Sep 08 '21 at 08:51
1

@askcoder If you're using require, the type should be commonjs. – Sep 08 '21 at 08:52
3

Please add further details to expand on your answer, such as working code or documentation citations. – Community Sep 08 '21 at 09:27
I have updated the question with new details – askcoder Sep 08 '21 at 09:59
2

Using type "commonjs" in my package.json do the trick for me ! Thanks – Nitneq Sep 20 '21 at 14:49

score 17 · Answer 2 · answered Dec 02 '22 at 19:15

17

work for me , only change in package.json file, this line:

"type":"module" to "type":"commonjs"

answered Dec 02 '22 at 19:15

alinton gutierrez

227
2
4

score 0 · Answer 3 · answered Apr 30 '23 at 10:17

0

This error occurs because require is a CommonJS module syntax, whereas import is an ES6 module syntax. to solve this, you should use import instead of require ; and in you json package the type must contain "type": "module" if you are using Node js

answered Apr 30 '23 at 10:17

M.GR

39
4

This answer could be improved by adding a code example. – Ingo Steinke Aug 28 '23 at 18:35

score -3 · Answer 4 · answered Nov 18 '21 at 16:22

-3

First of all add "type":"commonjs" to package.json.
Downgrade your package version. If you are using gulp-imagemin version 8.0.0 then install older version like npm i gulp-imagemin@7.1.0.
That's all now enjoy coding...

answered Nov 18 '21 at 16:22

Basit Ali

37
1

ReferenceError: require is not defined in ES module scope, you can use import instead gulp sass

4 Answers4

Linked