Question

我想在新的Laravel应用程序中安装MDB Vue，我试图通过npm进行安装，但无法正常工作我做了： 1-创建新鲜的Laravel应用 2-转到目录www / myApp 3- npm install 4- npm install --save mdbvue 5- npm install --save-dev babel-preset-stage-2 6-我打开app.scss 并添加：

// Material Design Bootstrap
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import '~bootstrap/scss/bootstrap';
@import "~mdbvue/build/css/mdb.css";

7-我打开ressources / js / bootstrap.js 我添加：

try {
    window.Popper = require('popper.js').default;
    window.$ = window.jQuery = require('jquery');

    require('bootstrap');

    require('mdbvue');   // I added this!


} catch (e) {}

它需要（'mdbvue'）我在图片中注意到一条消息：

https://i.imgur.com/IkKvXkb.jpg 我不能发布它需要更多的声誉

我继续前进

8- npm run dev

一切都是绿色的，看起来不错，但是当我以MDB按钮为例，将主题放在我的视线中不起作用我错过了什么吗？请帮助

Answer 1

您必须将导入内容添加到app.js文件中。

import 'bootstrap-css-only/css/bootstrap.min.css'; 
import 'mdbvue/build/css/mdb.css'

对我来说，它在require('mdbvue');中没有bootstrap.js的情况下有效。

但是我认为您没有得到答案的原因是，将mdbvue集成到laravel环境中还存在其他问题。

例如，我还没有找到从npm-installation文件夹import '@fortawesome/fontawesome-free/css/all.min.css';导入fontawesome的方法。

但是当我在HTML头中添加<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">时，fontawesome可以正常工作。

如果我找到一些解决方案，我将更新此帖子。

希望我能为您提供帮助。

Answer 2

我有同样的问题，我可以这样解决：

将CD放入您的项目
运行：npm install
运行：npm install mdbvue
将以下代码添加到“ resources / js / app.js”文件中：

require（'./ bootstrap'）; 导入'@ fortawesome / fontawesome-free / css / all.min.css' 导入'仅bootstrap-css / css / bootstrap.min.css' 导入'mdbvue / lib / css / mdb.min.css'
将以下代码添加到“ resources / js / bootstrap.js”文件中：

require（'mdbvue'）;

运行：npm run dev

它使用laravel 5.8.35和最新版本的MDVUE对我有用。

在Laravel 5.8中安装MDB Vue

2 个答案: