在 Laravel 中使用 Tabler答案

【问题标题】：Using Tabler in Laravel在 Laravel 中使用 Tabler
【发布时间】：2019-03-23 10:07:50
【问题描述】：

我想在 Laravel 上使用 Tabler 管理面板。我正在尝试使用npm 安装 Tabler UI。

npm install 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 run watch, 之后，我得到了以下错误。

找不到或无法读取要导入的文件： ../../../node_modules/bootstrap/scss/bootstrap.scss.

当我检查node_modules/tabler-ui/src/assets/scss/bundle 时，我发现有一行导入了bootstrap：

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

错误是针对这一行的；我觉得这行应该是这样的：

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

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

【问题讨论】：

标签： laravel twitter-bootstrap npm webpack laravel-mix

【解决方案1】：

在你的 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';

【讨论】：

【解决方案2】：

看起来 bootstrap 是对等依赖项。

运行npm install bootstrap进行安装

【讨论】：