Для меня это работает.
вышел ... да! Однако Тетер был замененBootstrap 4 Beta
для всплывающей подсказки (и других функций). Я увидел ошибку, выданную в консоли достаточно быстро, чтобы сообщить мне об измененииPopper.js
Кажется, достаточно просто, я пошел и обновил свойPopper.js
:
Bootstrap dropdown require Popper.js
(весь конфиг можно увидетьwebpack.config.js
Вот) и Bootstrap затем начали работать (единственное изменение, которое я сделал, это заменил Tether на Popper):Я также сделал
plugins: [
new ProvidePlugin({
'Promise': 'bluebird',
' в моемimport 'bootstrap'
файл.main.ts
Однако теперь у меня есть другая проблема (которой у меня не было с Tether), новая ошибка выдается в консоли:
Если я пытаюсь отладить в Chrome, у меня есть
Uncaught TypeError: Popper is not a constructor
загружен как объект (именно поэтому Bootstrap перестал жаловаться), как вы можете видеть на экране печати ниже.Popper
Наконец, чтобы включить весь мой код. Я использую всплывающую подсказку Bootstrap с простым пользовательским элементом, созданным с
а такжеAurelia
(который раньше работал с предыдущей Bootstrap alpha 6 и Tether)TypeScript
Похоже, я не импортировал
import {inject, customAttribute} from 'aurelia-framework';
import * as $ from 'jquery';
@customAttribute('bootstrap-tooltip')
@inject(Element)
export class BootstrapTooltip {
element: HTMLElement;
constructor(element: HTMLElement) {
this.element = element;
}
bind() {
$(this.element).tooltip();
}
unbind() {
$(this.element).tooltip('dispose');
}
}
правильно, если так, то каков наилучший способ добиться этого сPopper
Во время просмотраWebpack 3.x
?
: 'jquery',
'jQuery': 'jquery',
'window.jQuery': 'jquery',
'window. в моемimport 'bootstrap'
файл.main.ts
Однако теперь у меня есть другая проблема (которой у меня не было с Tether), новая ошибка выдается в консоли:
Если я пытаюсь отладить в Chrome, у меня есть
Uncaught TypeError: Popper is not a constructor
загружен как объект (именно поэтому Bootstrap перестал жаловаться), как вы можете видеть на экране печати ниже.Popper
Наконец, чтобы включить весь мой код. Я использую всплывающую подсказку Bootstrap с простым пользовательским элементом, созданным с
а такжеAurelia
(который раньше работал с предыдущей Bootstrap alpha 6 и Tether)TypeScript
Похоже, я не импортировал
import {inject, customAttribute} from 'aurelia-framework';
import * as $ from 'jquery';
@customAttribute('bootstrap-tooltip')
@inject(Element)
export class BootstrapTooltip {
element: HTMLElement;
constructor(element: HTMLElement) {
this.element = element;
}
bind() {
$(this.element).tooltip();
}
unbind() {
$(this.element).tooltip('dispose');
}
}
правильно, если так, то каков наилучший способ добиться этого сPopper
Во время просмотраWebpack 3.x
?
: 'jquery',
Popper: 'popper.js'
}),
в моемimport 'bootstrap'
файл.main.ts
Однако теперь у меня есть другая проблема (которой у меня не было с Tether), новая ошибка выдается в консоли:
Если я пытаюсь отладить в Chrome, у меня есть
Uncaught TypeError: Popper is not a constructor
загружен как объект (именно поэтому Bootstrap перестал жаловаться), как вы можете видеть на экране печати ниже.Popper
Наконец, чтобы включить весь мой код. Я использую всплывающую подсказку Bootstrap с простым пользовательским элементом, созданным с
а такжеAurelia
(который раньше работал с предыдущей Bootstrap alpha 6 и Tether)TypeScript
Похоже, я не импортировал
import {inject, customAttribute} from 'aurelia-framework';
import * as $ from 'jquery';
@customAttribute('bootstrap-tooltip')
@inject(Element)
export class BootstrapTooltip {
element: HTMLElement;
constructor(element: HTMLElement) {
this.element = element;
}
bind() {
$(this.element).tooltip();
}
unbind() {
$(this.element).tooltip('dispose');
}
}
правильно, если так, то каков наилучший способ добиться этого сPopper
Во время просмотраWebpack 3.x
?