webpack报错：Module build failed (): Error: Cannot find module 'babel-preset-env' from '

作者：繁依Fanyi0 | 2024-05-28 11:53:00

踩

cannot find module 'babel-preset-env

webpack报错：Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module 'babel-preset-env' from '...' - Did you mean "@babel/env"?
原因：
babel-core和babel-preset-env依赖被替换为@babel/core和@babel/preset-env，因为新版本的Babel7中对官方提供的依赖使用了命名空间@babel
npm install babel-loader babel-core babel-preset-env --save-dev
npm install babel-loader @babel/core @babel/preset-env --save-dev
解决：
在.babelrc文件或在webpack.config.js文件中，将原来的env替换为@babel/preset-env

// .babelrc
1
2

{
“presets”: [
[“env”,
{
“modules”: false
}
]
]
}

// webpack.config.js

module: {
    rules: [
        {
            test: /\.js$/,
            exclude: /(node_modules)/,
            use: {
                loader: 'babel-loader',
                options: {
                    presets: ['env', { modules: false }]
                }
            }
        }
    ]
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

babel官方：https://babeljs.io/docs/en/babel-preset-env#browserslist-integration

分类: 前端：Webpack

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/637470

webpack报错：Module build failed (***): Error: Cannot find module 'babel-preset-env' from '***

webpack报错：Module build failed (): Error: Cannot find module 'babel-preset-env' from '