首页 > 解决方案 > 在 nuxt.js 中,某些 css 不会在生产模式下加载

问题描述

我将 nuxt.js 2.9.1 用于新项目,并且使用了一些第三方库,例如 vue-select。在开发模式下一切正常,但在生产模式下,css 不会加载!我使用 npm run generate 生成项目

css: [
    '@neneos/nuxt-animate.css',
    '@assets/fontawesome-pro-5.8.2-web/css/all.css',
    'animate.css/animate.css',
    'vue-select/dist/vue-select.css'
],
plugins: [
    {
      src: '~/plugins/vuex-persist',
      ssr: false
    },
    {
      src: '~/plugins/vee-validate'`enter code here`
    },
    {
      src: '~/plugins/vue-select',
      ssr: false
    },
    {
      src: '~/plugins/vue-tooltip',
      ssr: false
    },
    {
      src: '~/plugins/axios'
    },
    {
      src: '~/plugins/vue-tags-input',
      ssr: false
    },
    {
      src: '~/plugins/vue-masonry',
      ssr: false
    }
]

标签: vue.jsnuxt.js

解决方案


{
      src: '~/plugins/vuex-persist',
      mode: 'client',
      ssr: false
    },

或者

{
      src: '~/plugins/vuex-persist',
      mode: 'server',
      ssr: false
    },

推荐阅读