在Laravel 5.3上安装Bootstrap 4

时间:2016-12-22 07:33:35

标签: laravel-5.3 bootstrap-4

我已按照以下说明在我的Laravel 5.3项目中安装Bootstrap 4 alpha,但它会弹出错误。

安装步骤:

npm install bootstrap@4.0.0-alpha.3 --save-dev

资源/资产/ SASS / app.scss

// change this line
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";
//to this
@import "node_modules/bootstrap/scss/bootstrap";

资源/资产/ SASS / variables.scss

// change this line to rem or em units, or just remove it entirely
$font-size-base: 14px;

资源/资产/ JS / bootstrap.js

// change this line
require('bootstrap-sass');
// to this
require('bootstrap');

我收到以下错误

   ./resources/assets/js/bootstrap.js中的错误找不到模块:错误:   无法解决' bootstrap'在   ' C:\ XAMPP \ htdocs中\ soyegg \资源\资产\ JS' @   ./resources/assets/js/bootstrap.js 11:0-20 @   ./resources/assets/js/app.js

我刷新了我的页面并获得了控制台日志

  

未捕获错误:找不到模块" bootstrap"       在webpackMissingModule(eval at(app.js:89),:11:65)       在eval(eval at(app.js:89),:11:151)       在对象。 (app.js:89)       在 webpack_require (app.js:20)       在eval(eval at(app.js:228),:1:1)       在对象。 (app.js:228)       在 webpack_require (app.js:20)       在app.js:64       在app.js:67

请帮忙。感谢

1 个答案:

答案 0 :(得分:1)

不确定原因,但我最终尝试通过npm install bootstrap@4.0.0-alpha.5 --save-dev重新安装alpha.5并修复了问题。