Webpack 5.88.2无法识别node:crypto导入语法的问题求助

方案1：设置Webpack的target为Node.js #

Webpack默认针对浏览器环境构建，不会处理Node.js专属的node:协议模块。在你的webpack.config.js中添加target: 'node'配置：

module.exports = {
  // 其他配置...
  target: 'node',
};

这个配置会让Webpack正确识别Node.js内置模块的node:前缀导入语法，包括node:crypto。

方案2：配置resolve别名替换node:crypto #

如果不想修改target（比如项目同时兼容浏览器和Node.js），可以通过resolve别名将node:crypto映射到标准的crypto模块：

module.exports = {
  // 其他配置...
  resolve: {
    alias: {
      'node:crypto': 'crypto',
    },
  },
};

这样Webpack会把所有import('node:crypto')的请求替换为crypto，避开node:协议的处理问题。

方案3：改用同步导入（如果场景允许） #

如果动态导入不是必须的，可以直接用同步导入替代，同时确保TypeScript/JavaScript配置支持ES模块导入Node.js内置模块：

import crypto from 'crypto';

如果是TypeScript项目，需要在tsconfig.json中确保moduleResolution设置为node16或nodenext，以支持node:前缀的导入语法：

{
  "compilerOptions": {
    "moduleResolution": "node16",
    // 其他配置...
  }
}

方案4：升级Webpack到更高版本 #

部分早期Webpack 5版本对node:协议的支持存在小问题，升级到最新的Webpack 5稳定版可能直接解决这个报错。

内容的提问来源于stack exchange，提问作者Danny Ellis Jr.