ReferenceError: require 没有在 ES 模块范围内定义，你可以使用 import 代替 gulp sass

Question

使用这行代码时出现错误

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

错误输出是：

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.

我变了

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

错误消失了，但我收到了这个错误：

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

这行导致错误：

const PRODUCTION = yargs.argv.prod;

有人有想法吗？

我已经尝试了很多并在谷歌上搜索了这个错误，但我没有找到解决方案，有人对此有任何想法吗？ 提前致谢

Answer 1

1. 首先将"type":"commonjs" 添加到package.json。
   
2. 降级您的软件包版本。如果您使用的是 gulp-imagemin 版本 8.0.0，请安装旧版本，例如 npm i gulp-imagemin@7.1.0。
   这就是现在享受编码的一切......

Answer 2

你能检查一下 package.json 文件中的“类型”部分吗？如果类型部分是模块，你会得到这个错误。你必须使它成为 Commonjs。