Vue.js nuxt项目中bulma pageloader的正确实现方法

这是我的代码：

页面加载器
导入'bulma extensions/bulma pageloader/dist/css/bulma pageloader.min.css'；
导出默认值{
安装前：{
},
安装：{
}
}

我无法让

页面加载程序显示。我错过什么了吗

注意：所有依赖项都已存在

更新：这就是我如何实现基于解决方案的扩展

页面加载程序.vue[组件]


页面加载器
导出默认值{
数据：（）=>({
加载：错误
}),
方法：{
开始（）{
这是。加载=真；
},
完成（）{
这一点：加载=错误；
}
}
};

main.sass[assets/css]

@import'~bulma'；
@导入“~bulma extensions/bulma pageloader/dist/css/bulma pageloader.sass”；

numxt.config.js

/*
**自定义进度条颜色
*/
正在加载：“~/components/PageLoader.vue”，
/*
**全局CSS
*/
css:[
“~/assets/css/main.sass”
],
您必须创建如下自定义加载：

您可以在custom:）中使用bulma one
如果您尝试在没有任何类的情况下加载div和span，会发生什么？