我无法在我的 NPM 项目中导入引导程序

Question

我正试图通过npm控制台导入引导程序，但我不知道如何将这些包与我的项目连接起来。我曾尝试在索引.mjs中导入它，如下所示：import 'bootstrap'，但控制台给我发了一个错误：Reference error: document is not defined。我正在使用Handlebars引擎。谢谢

Answer 1

我假设您正在尝试将引导程序添加到服务器呈现的页面中，该页面使用手把作为模板引擎。

在您的服务器页面中，我将称之为app.js，您应该添加以下两行：

app.use('/css', express.static(path.join(__dirname, 'node_modules/bootstrap/dist/css')));
app.use('/js', express.static(path.join(__dirname, 'node_modules/bootstrap/dist/js')));

然后在你的主页中，我将称之为layout.hbs，你会添加这些引用：

<link rel="stylesheet" href="./css/bootstrap.min.css" />
<script src="./js/bootstrap.bundle.js"></script>

一旦在这些文件中有了这些代码行，现在就应该有bootstrap及其附带的JavaScript文件可供HTML元素使用。

祝你好运，希望这能帮助你。