无法在 Laravel 的 app.scss 中导入“bootstrap-select”

Posted 2023-03-14

【中文标题】无法在 Laravel 的 app.scss 中导入“bootstrap-select”

【英文标题】：Can't import "bootstrap-select" in app.scss in Laravel

【发布时间】：2018-08-01 12:04:44

【问题描述】：

我正在做以下事情：

npm install bootstrap-select

npm run dev

在 app.scss 中

// Bootstrap Select

@import "node_modules/bootstrap-select/sass/bootstrap-select.scss";

在控制台中显示：

jQuery.Deferred 异常：$(...).selectpicker 不是函数 类型错误：$(...).selectpicker 不是函数

我可以看到它安装了bootstrap-select，如何正确导入？

【问题讨论】：

@import "../../../node_modules/... 工作吗？

这也不起作用 @import "../../../node_modules/bootstrap-select/sass/bootstrap-select.scss";

我只是对 @import "node_modules/font-awesome/scss/font-awesome.scss" 做了同样的事情；

对不起，我的错，是三个文件夹了，更改了我的评论

也不行

【参考方案1】：

在您的/resources/assets/sass/app.scss 导入引导选择：

@import "../../../node_modules/bootstrap-select/sass/bootstrap-select.scss";

您还需要将bootstrap-select.js 导入到resources/assets/js/app.js 使其工作：

require('../../../node_modules/bootstrap-select/dist/js/bootstrap-select');

【参考方案2】：

在 laravel 5.7 中

在 app.scss 中

@import '~bootstrap-select/sass/bootstrap-select.scss';

在 app.js 中

require('../../node_modules/bootstrap-select/dist/js/bootstrap-select.min');

【参考方案3】：

可以在没有完整路径的情况下添加Bootstrap-Select：

require('bootstrap-select');
require('bootstrap-select/js/i18n/defaults-de_DE');

@import '~bootstrap-select/sass/bootstrap-select.scss';

【参考方案4】：

npm install bootstrap-select

npm 运行开发

---

在资源\资产\sass\app.scss中

@import "node_modules/bootstrap-select/sass/bootstrap-select.scss";

---

在资源\资产\js\app.js中

require('../../../node_modules/bootstrap-select/dist/js/bootstrap-select.js');

---

在头部添加 app.scss

在正文结束前添加 app.js