Javascript vue good table没有样式

我一直在尝试vue good tabel模块，我直接用

npm安装了该模块
但无论我做什么，我都无法让它加载默认样式或任何样式

注意：如果我手动将样式添加到我的
style.css
文件中，它们将显示出来，但我必须自己制作样式

<div id="about" class="section whitebg">
  <div class="container" style="width=100%; padding=0px; margin-left: 100px;">
   <vue-good-table
      :columns="columns"
      :rows="rows"
      theme="nocturnal"
      :pagination-options="{
        enabled: true,
        mode: 'records',
        perPage: 10,
        position: 'top',
        perPageDropdown: [10, 20, 50],
      }">
      <div slot="emptystate">
        No data to display
      </div>
    </vue-good-table>
  </div>
    <div class="col-xs-12" align="center">

  </div>
</div>

编辑3如果我尝试在全局级别添加导入，我仍然会收到错误，但如下所示：

 ERROR  Failed to compile with 1 errors                             

 error  in ./node_modules/vue-good-table/dist/vue-good-table.css

Module build failed: Error: EISDIR: illegal operation on a directory, read

 @ ./node_modules/vue-good-table/dist/vue-good-table.css 4:14-127 13:3-17:5 14:22-135
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://0.0.0.0:8080 webpack/hot/dev-server ./src/main.js

我也遇到了同样的问题，然后被scss文件弄糊涂了

我回去查看了安装中的文档
[
看到

这促使我在样式表中添加了一个链接，这对我很有用

 <link href="../../../node_modules/vue-good-table/dist/vue-good-table.css" rel="stylesheet" />



希望有帮助

这对我很有效：

@import '~vue-good-table/dist/vue-good-table.css';

您是否如示例所示从包中导入样式表？它是直接使用npm安装的，如果我在组件中导入“vue good table/dist/vue good table.css”，我会收到一个错误如果我尝试导入类似vue good table docs show的css样式，我会收到该错误该错误指示您尝试导入的文件o use实际上是一个目录。检查结构并找到实际的CSS文件。已经找到了，但没有具有该名称的目录
 <link href="../../../node_modules/vue-good-table/dist/vue-good-table.css" rel="stylesheet" />

@import '~vue-good-table/dist/vue-good-table.css';