Froala Vue编辑器不应用样式

Question

我按照官方文档https://www.froala.com/wysiwyg-editor/docs/framework-plugins/vue在vue应用程序中安装了froala-editor。

webpack.config.js中的css加载器看起来像这样

{
    test: /\.css$/,
    loader: 'css-loader'
},

main.js中包含的样式

require('froala-editor/js/froala_editor.pkgd.min.js')
require('froala-editor/css/froala_editor.pkgd.css')
require('froala-editor/css/froala_editor.css')
require('font-awesome/css/font-awesome.css')
require('froala-editor/css/froala_style.css')
import VueFroala from 'vue-froala-wysiwyg'
Vue.use(VueFroala)

和样式不适用于我使用此组件的页面 http://joxi.ru/MAjyRvPf4Kz172