在另一个文件中的另一个文件中使用导入的模块

Question

我有一个 main.js 文件，我在其中导入 bootstrap，但为了清楚起见，我在真正的 bootstrap 导入所在的位置导入了我自己的 bootstrap.js。然后我想在 main.js 中使用 bootstrap scrolSpy 但不起作用。

main.js

import './bootstrap.js';
var scrollSpy = new ScrollSpy(document.body, {
    target: '#menu'
  })
...

bootstrap.js

import { ScrollSpy } from 'bootstrap';

它给了我一个错误，在 main.js

中没有定义 ScrollSpy

那么我如何在 main.js 中使用 ScrollSpy？？

谢谢！

Answer 1

在 ./bootstrap.js 中你必须导出 ScrollSpy

export { ScrollSpy } from 'bootstrap';

并且在 ./main.js 中你必须导入它

import { ScrollSpy } from './bootstrap.js';
var scrollSpy = new ScrollSpy(document.body, {
  target: '#menu'
})

Use imported module in other file in other file