ERROR in ./node_modules/antd/dist/antd.css (./node_modules/css-loader!./node_modules/postcss-loader/lib!./node_modules/antd/dist/antd.css) Module build failed (from ./node_modules/postcss-loader/lib/index.js): BrowserslistError: Unknown browser query `dead` at E:\yonyou\HZGM\hotwebs\node_modules\browserslist\index.js:164:11 at Array.reduce (<anonymous>) at resolve (E:\yonyou\HZGM\hotwebs\node_modules\browserslist\index.js:132:18) at browserslist (E:\yonyou\HZGM\hotwebs\node_modules\browserslist\index.js:224:16) at Browsers.parse (E:\yonyou\HZGM\hotwebs\node_modules\autoprefixer\lib\browsers.js:61:16) at new Browsers (E:\yonyou\HZGM\hotwebs\node_modules\autoprefixer\lib\browsers.js:52:30) at loadPrefixes (E:\yonyou\HZGM\hotwebs\node_modules\autoprefixer\lib\autoprefixer.js:70:24) at plugin (E:\yonyou\HZGM\hotwebs\node_modules\autoprefixer\lib\autoprefixer.js:81:24) at LazyResult.run (E:\yonyou\HZGM\hotwebs\node_modules\postcss\lib\lazy-result.js:277:20) at LazyResult.asyncTick (E:\yonyou\HZGM\hotwebs\node_modules\postcss\lib\lazy-result.js:192:32) at E:\yonyou\HZGM\hotwebs\node_modules\postcss\lib\lazy-result.js:231:20 at new Promise (<anonymous>) at LazyResult.async (E:\yonyou\HZGM\hotwebs\node_modules\postcss\lib\lazy-result.js:228:27) at LazyResult.then (E:\yonyou\HZGM\hotwebs\node_modules\postcss\lib\lazy-result.js:134:21) at E:\yonyou\HZGM\hotwebs\node_modules\postcss-loader\lib\index.js:145:8 @ ./node_modules/antd/dist/antd.css 4:14-97 18:2-22:4 19:20-103 @ ./src/hrpub/common/components/hr_editor/components/block_style_controll.js @ ./src/hrpub/common/components/hr_editor/index.js @ multi ./src/hrpub/common/components/hr_editor/index.js

这个错误是由于在您的项目中的`antd.css`文件中使用了无法识别的浏览器查询`dead`导致的。要解决这个问题，您可以按照以下步骤进行操作：

1. 打开`antd.css`文件，查找并修改其中包含`dead`查询的部分。将其替换为一个有效的浏览器查询，比如`last 2 versions`。
2. 保存文件，并重新构建您的项目。

如果您继续遇到相同的错误，请确保您的项目使用的是最新版本的`antd`库和相关依赖。如果问题仍然存在，您可以尝试删除并重新安装`antd`依赖，并重新构建项目。

如果您需要进一步的帮助，请提供更多关于您的项目和相关代码的信息，以便我能够更好地帮助您解决这个问题。

相关问题

Module build failed (from ./node_modules/babel-loader/lib/index.js):

Module build failed (from ./node_modules/babel-loader/lib/index.js)是一个常见的错误，通常与Babel编译器相关。这个错误表示Babel编译器在处理代码时出现了问题。解决这个问题的方法有几种。

首先，你可以尝试执行命令`npm install @babel/core @babel/preset-env`来安装`@babel/core`和`@babel/preset-env`这两个依赖项。这些依赖项是Babel编译器所需的，安装它们可能会解决编译错误。\[1\]

如果安装依赖项后仍然出现错误，你可以尝试检查项目中的`package.json`文件，并确保其中的Babel配置正确。你可以在`package.json`文件中添加以下内容：

"babel": {
  "presets": \[
    "@babel/env",
    "@babel/react"
  \],
  "plugins": \[
    \[
      "import",
      {
        "libraryName": "antd",
        "style": "css"
      }
    \]
  \]
}

这个配置指定了Babel的预设和插件，以及一些特定的设置，比如使用`antd`库的CSS样式。确保这些配置正确并保存后，重新运行项目，看看是否解决了错误。\[3\]

如果以上方法都没有解决问题，你还可以尝试删除项目的`node_modules`文件夹，并重新运行`npm install`命令来重新安装所有依赖项。有时候，依赖项之间的版本冲突可能导致编译错误。\[2\]

总之，Module build failed错误通常与Babel编译器相关，可以通过安装依赖项、检查Babel配置或重新安装依赖项来解决。希望这些方法能帮助你解决问题。
#### 引用[.reference_title]
- *1* [Module build failed (from ./node_modules/babel-loader/lib/index.js)......](https://blog.csdn.net/ke_sin/article/details/122884272)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [vue项目运行出现：Module build failed (from ./node_modules/babel-loader/lib/index.js)](https://blog.csdn.net/dzdzdzd12347/article/details/124038656)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [解决报错：Module build failed (from ./node_modules/babel-loader/lib/index.js)](https://blog.csdn.net/qq_21138747/article/details/110082597)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]

nextjs+react报错：./node_modules/antd/es/badge/style/index.less Global CSS cannot be imported from within node_modules.

这个错误是因为less文件中引入了全局CSS，而Next.js默认不允许从node_modules中导入全局CSS。

解决方案有两种：

1.在next.config.js中配置webpack，允许导入全局CSS。

const withLess = require('@zeit/next-less');

module.exports = withLess({
  webpack: (config, { isServer }) => {
    if (isServer) {
      const antStyles = /antd\/.*?\/style.*?/;
      const origExternals = [...config.externals];
      config.externals = [
        (context, request, callback) => {
          if (request.match(antStyles)) return callback();
          if (typeof origExternals[0] === 'function') {
            origExternals[0](context, request, callback);
          } else {
            callback();
          }
        },
        ...(typeof origExternals[0] === 'function' ? [] : origExternals),
      ];

      config.module.rules.unshift({
        test: antStyles,
        use: 'null-loader',
      });
    }
    return config;
  },
});

2.将全局CSS导入到页面中。

在页面的`<Head>`标签中加入以下代码，将antd的样式文件直接引入到页面中。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/antd/3.16.2/antd.min.css" />