小编Mat*_*ieu的帖子

我正在尝试将 Bootstrap 5 集成到新的 Nuxt 3 项目中，但我遇到了一个无法解决的问题：我想通过仅导入必要的模块（scss 和 javascript）来优化它，如下所述：https:// /getbootstrap.com/docs/5.0/customize/optimize/。

我成功导入了样式，但找不到正确的方法来导入必要的js。我在目录中创建了一个bootstrap.js文件，public如下所示：

// import 'bootstrap/js/dist/alert';
import 'bootstrap/js/dist/button';
// import 'bootstrap/js/dist/carousel';
import 'bootstrap/js/dist/collapse';
import 'bootstrap/js/dist/dropdown';
// import 'bootstrap/js/dist/modal';
// import 'bootstrap/js/dist/popover';
// import 'bootstrap/js/dist/scrollspy';
// import 'bootstrap/js/dist/tab';
// import 'bootstrap/js/dist/toast';
// import 'bootstrap/js/dist/tooltip';

并在 nuxt.config.ts 的元部分添加此文件，以确保在我的页面的 head 部分调用该文件，以便 javascript 在任何地方都可用

meta: {
    script: [
        { src: 'js/bootstrap.js' }
    ],
}

但我一直有一个错误：

未捕获的语法错误：无法在模块外部使用 import 语句

我明白这是因为 Vite 不编译它，但我不知道如何让它这样做..有人知道如何做到这一点吗？谢谢 ！