如何包含node_modules

Question

我需要包括时间选择器到我的Laravel5.8项目，但我不能加载正确的启动和风格。

根据文档，我试图将这一行添加到我的bootstrap.js中。

try {
    window.$ = window.jQuery = require('jquery');

    mix.copy('node_modules/tempusdominus-bootstrap-4/build/css/tempusdominus-bootstrap-4.min.css', 'public/css/tempusdominus.css');

    require('bootstrap');
    require('moment');
    require('tempusdominus-bootstrap-4');

    require('./main.js');
} catch (e) {}

观察者说所有的东西都编译成功了，但是控制台抛出了一个错误$(.).datetimepicker不是一个函数，并且我没有在公共目录中看到任何诱惑力css。

带有$().datetimepicker的脚本是通过这样的方式通过文件末尾的部分来包含的。

@section('scripts')
    <script type="text/javascript">
        $(function () {
            $('#datetimepicker1').datetimepicker({
                locale: 'sk'
            });
            $('#datetimepicker2').datetimepicker({
                locale: 'sk'
            });
        });
    </script>
@endsection

我做错了什么？

Answer 1

首先，使用NPM安装引导程序4和Tempus Dominus包。

npm i bootstrap
npm i tempusdominus/bootstrap-4

您应该在您的tempusdominus-bootstrap-4@5.1.2文件中看到‘package.json’。

将其添加到您的app.js文件中：

try {
    window.Popper = require('popper.js').default;
    window.$ = window.jQuery = require('jquery');
    window.TempusDominusBootstrap4 = require('tempusdominus-bootstrap-4');

    require('bootstrap');
} catch (e) {}

然后，对于CSS，将其添加到您的app.scss中

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

@import '~tempusdominus-bootstrap-4/src/sass/tempusdominus-bootstrap-4';

然后编译您的资产：

npm run prod

你现在应该做生意但别忘了在你的JS的某个地方..。

$('#datetimepicker').datetimepicker(FUNCTION)