vue.js - 在 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
}
]
解决方案
{
src: '~/plugins/vuex-persist',
mode: 'client',
ssr: false
},
或者
{
src: '~/plugins/vuex-persist',
mode: 'server',
ssr: false
},