如何在 nuxt 中添加@carbon/type答案

【问题标题】：how to add @carbon/type in nuxt如何在 nuxt 中添加@carbon/type
【发布时间】：2021-12-27 16:31:45
【问题描述】：

我在 nuxt 应用程序中使用 @carbon/vue 并创建了一个插件，我在我的 nuxt.config.js 文件中注册了该插件。我现在正在尝试为字体合并@carbon/type，但它没有被拉入。如何在 nuxt 中添加 carbon/type？

carbon.js

import Vue from "vue";
import "carbon-components/css/carbon-components.css";
import CarbonComponentsVue from "@carbon/vue";
Vue.use(CarbonComponentsVue);

nuxt.config.js

plugins: [
    { src: '~plugins/pubnub.js', mode: 'client' },
    { src: '~plugins/axios.js', mode: 'client' },
    { src: '~plugins/auth.js', mode: 'client' },
    { src: '~plugins/vue-instantsearch.js' },
    { src: '~plugins/carbon.js', mode:'client' }
],

【问题讨论】：

这里有什么问题？你有什么错误吗？
我实际上没有收到任何错误，但是当我尝试使用
Welcome to
它不起作用。

标签： vue.js nuxt.js carbon

【解决方案1】：

您好，请检查您的其他文件

在你的src/App.vue 中你导入了吗

<style lang="scss">
@import "./styles/carbon";
</style>

在你的src/styles/_carbon.scss 中你导入了吗

@import 'carbon-components/scss/globals/scss/styles';

【讨论】：