Question

我要像这样在我的Javascript文件中包含并调用它：

import 'moment';
import 'tempusdominus-bootstrap-4';

export default class AddHolidayPane {
    static Initialise() {
        $('#start-date').datetimepicker();
        $('#end-date').datetimepicker();
    }
}

...这给了我这个错误：

tempusdominus-bootstrap-4.js?48a1:25 Uncaught Error: Tempus Dominus Bootstrap4's requires at least moment.js v2.17.0 but less than v3.0.0
    at Object.eval (tempusdominus-bootstrap-4.js?48a1:25)
    at eval (274:2769)
    at Object.<anonymous> (Home.js:1098)
    at __webpack_require__ (Home.js:20)
    at Object.eval (AddHolidayPane.hb.js?45c2:5)
    at eval (186:119)
    at Object.<anonymous> (Home.js:951)
    at __webpack_require__ (Home.js:20)
    at eval (HomeManager.hb.js:1)
    at Object.<anonymous> (Home.js:933)

在我的moment.js文件中正确引用了它以及package.json（“ moment”：“ 2.21.0”）。

由于提供了看似正确的时刻，我真的不知道为什么会引发此错误。

Answer 1

我的工作方式是在package.json中

"dependencies": {
    "tempusdominus-bootstrap-4": "^5.1.1"
  }

然后在js中使用

global.moment = require('moment');
require('tempusdominus-bootstrap-4');

//And then call datetimepicker function

$('.datetimepicker').datetimepicker();

现在应该工作。

P.S .：用于 bootstrap4

Bootstrap v4的Eonasdan DateTimePicker（Tempus Dominus）无法正常工作

1 个答案: