Nuxt项目升级Node18.4.0运行npm install报webpack规则配置错误

报错是Webpack版本不兼容直接导致的，和升级Node 18无直接关联。
你用的nuxt@2.15.8内置绑定的是Webpack 4版本，构建时的loader规则都是按Webpack 4的规范生成的。但你手动在dependencies里声明了webpack@5.73.0，npm安装时会优先把你手动指定的版本装到依赖根目录，Nuxt构建时误加载了Webpack 5，而Webpack 5对loader规则的校验逻辑和Webpack 4不兼容，就会抛出「Rule can only have one resource source」的错误。

• 先打开package.json，把dependencies下的"webpack": "5.73.0"这行直接删掉。Nuxt 2的核心构建依赖由框架本身维护，不需要手动在项目中声明Webpack版本，手动声明只会覆盖框架内置版本触发兼容问题。
• 清理旧的依赖文件：删除项目根目录下的node_modules文件夹、package-lock.json锁文件。
• 按你的需求二选一操作：
  • 不需要Webpack 5：直接执行npm install重新安装依赖即可，安装完成后postinstall钩子会自动执行nuxt build，不会再触发该报错。
  • 需要使用Webpack 5：不要直接手动装Webpack 5，安装Nuxt官方出的Webpack5适配包，执行命令npm i -D @nuxt/webpack5，然后在nuxt.config.js的buildModules配置项中加入'@nuxt/webpack5'，再重新执行依赖安装即可。
• 后续如果构建时出现error:0308010C:digital envelope routines::unsupported报错，是Node 18默认的OpenSSL策略和旧版构建工具不兼容导致的，在执行构建命令前加环境变量NODE_OPTIONS=--openssl-legacy-provider就能解决。

Nuxt 2这类全栈框架的核心依赖（Webpack、Vue、babel-loader、vuex等）都是和框架版本强绑定的，没有做适配的情况下不要手动升级这些依赖的大版本，否则大概率出现各种难以排查的构建兼容问题。

内容的提问来源于stack exchange，提问作者MicroMan