css - SAFE Network で mdbvue を使用すると、スタイルがありません

Question

このチュートリアルに従いました

さらに重要なのは、このチュートリアル: https://mdbootstrap.com/vue/components/buttons/

私はこれで終わった：

したがって、ここでは明らかにスタイルが欠けています。私はvueが初めてで、まだnodejsも初めてなので、スタイリングをどこにどのように含める必要があるのか​​ まったくわかりません。

これが私のコードです：

App.vue

<template>
  <div :class="$style.App">

    <ButtonPage />

  </div>
</template>

<script>
import ButtonPage from './components/ButtonPage.vue'
const safenetwork = require('./safenetwork.js');

export default {
  name: 'App',
  components: {
    ButtonPage
  },
  async created() {
    await safenetwork.authoriseAndConnect();
  }
}
</script>

ButtonPage.vue

<template>
  <btn outline="primary" size="lg">Button</btn>
</template>

<script>
import { Btn } from 'mdbvue';

export default {
  name: 'ButtonPage',
  components: {
    Btn
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>

パッケージ.json

{
  "name": "Site-Yropeen",
  "version": "1.0.0",
  "description": "Yropeên",
  "homepage": "https://gitlab.com/UniversalBasics/Yropeen/Site-Yropeen",
  "keywords": [
    "conlang",
    "European"
  ],
  "author": "Folât Sômêjpjêr <folatt@guilder-test.eu.org>",
  "contributors": [],
  "license": "GPL-3.0+",
  "main": "index.js",
  "scripts": {
    "build": "neutrino build",
    "start": "neutrino start"
  },
  "repository": {
    "type": "git",
    "url": "git://gitlab.com/UniversalBasics/Yropeen/Site-Yropeen/Site-Yropeen.git"
  },
  "dependencies": {
    "@babel/helper-module-imports": "v7.0.0-beta.51",
    "mdbvue": "4.*.*",
    "vue": "2.*.*",
    "vue-router": "3.*.*"
  },
  "devDependencies": {
    "@neutrinojs/vue": "8.*.*",
    "babel-plugin-transform-runtime": "6.*.*",
    "babel-preset-stage-2": "6.*.*",
    "jquery": "3.*.*",
    "neutrino": "8.*.*",
    "webpack": "3.*.*"
  }
}

Answer 1

パッケージ.json

...
"dependencies": {
    "mdbootstrap": "~4.5.0"
  },
...