在Laravel中使用Tabler

我想用拉威尔的管理小组。我正在尝试使用安装Tabler UI

我将

tabler

包添加到

resources/sass/tabler.scss

中，然后将sass文件添加到

webpack.mix.js中。

mix.js（'resources/js/app.js'，'public/js'）
.sass（'resources/sass/app.scss'，'public/css'）
.sass（'resources/sass/tabler.scss'，'public/css'）；

但是在尝试

npm运行watch之后，

我得到了以下错误

要导入的文件找不到或不可读： ../../../node_模块/bootstrap/scss/bootstrap.scss

当我检查

节点\u modules/tabler ui/src/assets/scss/bundle

时，我发现一行导入了

引导程序

：

@import '../../../node_modules/bootstrap/scss/bootstrap.scss';

错误是针对这一行的；我认为这句话应该是这样的：

@import '~bootstrap/scss/bootstrap.scss';

---

我无法更改此行，因为它位于/node\u modules文件夹中。我应该怎么做才能解决这个问题？

看起来引导是一种对等依赖

运行

npm install bootstrap

在你的app.scss中安装它

替换此项：

// Bootstrap
@import '~bootstrap/scss/bootstrap';

为此：

// Tabler
@import '~tabler-ui/src/assets/scss/variables';
@import '~bootstrap/scss/bootstrap';
@import '~tabler-ui/src/assets/scss/dashboard/dashboard';

// Tabler
@import '~tabler-ui/src/assets/scss/variables';
@import '~bootstrap/scss/bootstrap';
@import '~tabler-ui/src/assets/scss/dashboard/dashboard';