Nuxt2.15升级至Nuxt Bridge后执行npm run dev出现构建错误

错误日志里的Identifier directly after number指向代码中的1_000_000，这是ES2021引入的数字分隔符语法。当前使用的@nuxt/babel-preset-app@2.15.8默认未启用对该语法的转译支持，导致babel-loader无法处理，最终触发webpack解析失败。

解决方法 #

1. 更新适配Nuxt Bridge的babel预设 #

执行以下命令安装专为Nuxt Bridge优化的@nuxt/babel-preset-app版本：

npm install @nuxt/babel-preset-app@bridge --save-dev
# 或使用yarn
yarn add @nuxt/babel-preset-app@bridge -D

2. 手动添加数字分隔符转译插件（可选，若更新预设后仍报错） #

如果更新预设后问题依旧，可以手动在babel配置中添加支持插件：

• 方式一：修改项目根目录的.babelrc文件

{
  "presets": ["@nuxt/babel-preset-app"],
  "plugins": ["@babel/plugin-proposal-numeric-separator"]
}

• 方式二：在nuxt.config.js中配置babel

export default {
  // ...其他配置
  babel: {
    plugins: ['@babel/plugin-proposal-numeric-separator']
  }
}

3. 清理缓存并重新启动服务 #

# 删除依赖和锁文件（Windows替换为对应命令）
rm -rf node_modules package-lock.json
# 重新安装依赖
npm install
# 清理Nuxt缓存
npx nuxt clean
# 启动开发服务
npm run dev

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