升级PrimeVue至3.26.1后执行npm run dev编译报错：Module parse failed: Unexpected token "??"（空值合并运算符）

我太懂这种摸不着头绪的感觉了——明明只是升级了PrimeVue版本，结果跑npm run dev就碰到了Webpack解析不了??运算符的报错，试了Babel插件和transpileDependencies都没效果，对于不熟悉Webpack/Babel深层配置的人来说，确实像走进了死胡同。

先给你拆解下问题根源：PrimeVue 3.26.1的代码里用了ES2020才引入的空值合并运算符??，但你的Vue CLI项目默认不会转译node_modules里的第三方包，导致Webpack识别不了这个新语法，所以才抛出了“缺少合适的loader”的错误。之前你尝试的方法没生效，大概率是配置细节没做对，下面给你几个靠谱的解决方向：

1. 修正transpileDependencies的配置写法 #

你之前在vue.config.ts里加了transpileDependencies: ['primevue']，但有时候数组形式的配置可能没覆盖到PrimeVue的所有子模块，试试改成正则表达式的形式，确保所有PrimeVue相关的文件都被纳入转译：

export default {
  devServer: {
    port: process.env.VUE_APP_PORT || 8081,
    proxy: process.env.VUE_APP_API_ROOT || 'http://localhost:8080/',
    https: true
  },
  configureWebpack: {
    output: {
      libraryExport: 'default',
    },
    resolve: {
      symlinks: false
    }
  },
  // 改成正则形式，确保匹配所有primevue相关文件
  transpileDependencies: [/primevue/]
}

修改完记得重启npm run dev，配置更改需要重启才会生效。

2. 完善Babel配置，确保插件正确加载 #

你之前加了@babel/plugin-proposal-nullish-coalescing-operator插件，但可能没搭配正确的预设，导致插件没生效。把你的babel.config.js改成下面这样：

module.exports = {
  // 先确保Vue CLI的Babel预设在最前面
  presets: ['@vue/cli-plugin-babel/preset'],
  plugins: [
    '@babel/plugin-proposal-nullish-coalescing-operator',
    // 顺便加上可选链运算符的插件，避免后续碰到类似的语法问题
    '@babel/plugin-proposal-optional-chaining'
  ]
}

3. 手动给PrimeVue添加Webpack转译规则 #

如果上面两种方法都没效果，可以直接在Webpack配置里指定对PrimeVue文件用Babel转译，强制覆盖默认规则：

export default {
  devServer: {
    port: process.env.VUE_APP_PORT || 8081,
    proxy: process.env.VUE_APP_API_ROOT || 'http://localhost:8080/',
    https: true
  },
  configureWebpack: {
    output: {
      libraryExport: 'default',
    },
    module: {
      rules: [
        {
          // 匹配PrimeVue下的所有js文件
          test: /\.js$/,
          include: /node_modules\/primevue/,
          use: {
            loader: 'babel-loader',
            options: {
              presets: ['@vue/cli-plugin-babel/preset'],
              plugins: ['@babel/plugin-proposal-nullish-coalescing-operator']
            }
          }
        }
      ]
    },
    resolve: {
      symlinks: false
    }
  }
}

最后再提个小建议：可以检查下你的Node.js版本，如果是低于14的旧版本，建议升级到LTS版本（比如16.x或18.x），虽然不是直接解决这个问题，但能避免很多新语法相关的兼容坑。

备注：内容来源于stack exchange，提问作者Thalys Menezes