vue.js中的Nuxt呈现双CSS

Question

我的 Vue 应用程序正在使用 Nuxt 进行服务器端渲染，并且渲染了2倍的CSS。如何避免这种情况？

<style data-vue-ssr-id="d7914c7a:0">
//Css1
</style>
<style data-vue-ssr-id="68eb569c:0">
//Css2
</style>
<style data-vue-ssr-id="0159269c:0">
//Css3
</style>
<style type="text/css">
//Css1
</style>
<style type="text/css">
//Css2
</style>
<style type="text/css">
//Css3
</style>

首先我虽然它是由 LESS 生成的，因为我使用 LESS 来编译我的 CSS ，但是当我只尝试 CSS时，它仍然呈现双重 CSS 代码，例如：

.ClassNameA {
    right: 0;
    bottom: 0;
    left: 0;
}
.ClassNameB > * {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
}

.ClassNameA {
    right: 0;
    bottom: 0;
    left: 0;
}
.ClassNameB > * {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
}

来自devtool的图片：