Laravel 5 Can'；I don’我不能让任何软件包与Laravel Mix一起使用

我不知道如何在我的Laravel项目中包含JavaScript包。我一直在尝试安装软件包，但我不知道它是如何工作的。例如：假设我想安装引导确认（）

我从我的项目根文件夹安装它

$ npm install bootstrap-confirmation2

之后，package.json文件如下所示

{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "npm run development -- --watch",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    },
    "devDependencies": {
        "axios": "^0.18",
        "bootstrap": "^4.0.0",
        "cross-env": "^5.2.0",
        "jquery": "^3.2",
        "laravel-mix": "^4.0.7",
        "lodash": "^4.17.5",
        "popper.js": "^1.15.0",
        "resolve-url-loader": "^2.3.1",
        "sass": "^1.15.2",
        "sass-loader": "^7.1.0",
        "vue": "^2.5.17",
        "vue-template-compiler": "^2.6.10"
    },
    "dependencies": {
        "@types/bootbox": "^4.4.36",
        "bootbox": "^5.1.2",
        "bootstrap-confirmation2": "^4.1.0"
    }
}

然后我将包添加到app.js

require('bootstrap-confirmation2');

我的webpack.mix.js如下所示：

const mix = require('laravel-mix');

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css');

之后，我从控制台运行以下命令：

npm run dev

如果我尝试使用我的引导确认包，它将不起作用，没有错误，什么也没有

<button class="btn btn-default" data-toggle="confirmation">Confirmation</button>

确认

我知道问题不在软件包中，而是在我尝试安装软件包的方式中，并将它们包含在我打开应用程序后加载的app.js文件中

我检查了Chrome开发工具中的“网络”选项卡，检查了“app.js”是否已加载，搜索了该文件以及我安装并包含的包是否在js文件中，但它仍然无法工作

---

感谢您的帮助

在终端中，运行以下安装

npm install bootstrap-confirmation2

现在，包.json应该如下所示。依赖项是jQuery、Popper.js（对于bootstrap4），当然还有bootstrap4

"dependencies": {
    "bootstrap": "^4.3.1",
    "bootstrap-confirmation2": "^4.1.0",
    "jquery": "^3.4.0",
    "laravel-mix": "^4.0.15",
    "popper.js": "^1.15.0"

webpack.mix.js

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css');

// Variables
@import 'variables';

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

try {
    window.Popper = require('popper.js').default;
    window.$ = window.jQuery = require('jquery');
    
    require('bootstrap');
    require('bootstrap-confirmation2');
} catch (e) {}

app.css

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css');

// Variables
@import 'variables';

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

try {
    window.Popper = require('popper.js').default;
    window.$ = window.jQuery = require('jquery');
    
    require('bootstrap');
    require('bootstrap-confirmation2');
} catch (e) {}

app.js

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css');

// Variables
@import 'variables';

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

try {
    window.Popper = require('popper.js').default;
    window.$ = window.jQuery = require('jquery');
    
    require('bootstrap');
    require('bootstrap-confirmation2');
} catch (e) {}

在刀片模板/布局中：

<a class="btn btn-large btn-primary" data-toggle="confirmation" data-title="Open Google?"
    href="https://google.com" target="_blank">Confirmation</a>

在终点站：

npm run prod

---

我希望这有帮助。

你就是那个人！谢谢。现在我知道如何从npm安装另一个软件包，例如

npm安装引导显示密码
。我只想指出文件
app.js
是
resources/js/bootstrap.js