Я пробовал модуль vue-good-tabel, который я установил непосредственно с npm
, но что бы я ни делал, я не могу заставить его загружать его стили по умолчанию или какие-либо стили вообще по этой причине.
Примечание: если я добавлю стили в файл styles.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>
Редактировать 1: У меня также естьНачальная загрузка в моем проекте vue и jquery, если это что-то меняет*
Редактировать 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