Nuxt 2生产模式下第三方Vue组件渲染异常求助

我运行的是基于Nuxt 2（2.17.1）的无头站点，**生产模式（NODE_ENV=production）**下，导入的第三方滚动进度条组件出现渲染异常：组件名称未被解析，最终DOM中显示为<vuescrollprogressbar>标签而非预期的<div>，但组件功能正常（滚动时内部HTML属性会变化），控制台也没有报错或警告。这个问题只在生产模式出现，开发模式下渲染完全正常。

涉及的组件是Vue滚动进度条（版本1.0.0），已添加到package.json的依赖中：

"dependencies": { "@guillaumebriday/vue-scroll-progress-bar": "^1.0.0",

已尝试的解决方式 #

• 全局注册组件：通过Nuxt插件全局注册组件，插件代码如下：

import Vue from 'vue'
import VueScrollProgressBar from '@guillaumebriday/vue-scroll-progress-bar'

Vue.use(VueScrollProgressBar)

并在nuxt.config.js中引入插件，也尝试过添加客户端渲染标识（client.js后缀）：

plugins: [
  { src: '~/plugins/bootstrap.client.js' },
  { src: '~/plugins/dompurify.client.js' },
  { src: '~/plugins/progressbar.js'},
  { src: '~/plugins/gtm.client.js', }
],

• 局部导入组件：在布局文件layouts/default.vue中直接导入并注册组件：

<template>
  <div class="page">

    <PageHeader />
    <Nuxt />
    <PageFooter />

    <OffcanvasNav />

    <VueScrollProgressBar height=".25rem" background-color="linear-gradient(86deg, rgba(118, 72, 150, 1) 0%, rgba(118, 72, 150, 1) 40%, rgba(233, 44, 168, 1) 100%)" />

  </div>
</template>
<script>
import { VueScrollProgressBar } from "@guillaumebriday/vue-scroll-progress-bar";

import PageHeader from "~/components/PageHeader";
import PageFooter from "~/components/PageFooter";
import OffcanvasNav from "~/components/OffcanvasNav";

export default {
  name: 'DefaultLayout',
  components: {OffcanvasNav, PageFooter, PageHeader, VueScrollProgressBar},
}
</script>
<style lang="scss">
.progress-bar-container--container {
  top: auto !important;
  bottom: 0 !important;
}
</style>

两种方式的结果一致，生产模式下仍未正确解析组件标签。

构建配置信息 #

怀疑问题和构建流程有关，以下是nuxt.config.js中的构建配置：

build: {
  extractCSS: true,
  html: {
    minify: {
      minifyCSS: true,
      minifyJS: true,
      removeComments: true,
      collapseWhitespace: true,
      preserveLineBreaks: false,
    }
  },
  extend (config, ctx) {

    config.node = {
      fs: 'empty'
    }

    config.module.rules.push({
      test: /\.mjs$/,
      include: /node_modules/,
      type: "javascript/auto"
    });
  },
},

目前无法定位问题，希望能得到解决思路。

内容的提问来源于Stack Exchange，提问作者Maik_BEELDR