当 bootstrap5 添加到 sveltekit app.html 时，vite 抛出文件未找到错误

Question

我在 app.html 中通过样式和脚本标签添加了 bootstrap5

bs5 工作正常，但 vite 抛出找不到文件的错误。

有什么建议吗？

错误信息

错误：未找到：/vendors/bootstrap-5.0.2/bootstrap.min.css.map

错误：未找到：/vendors/bootstrap-5.0.2/bootstrap.bundle.min.js.map

文件位于：

/静态/供应商/bootstrap-5.0.2/bootstrap.min.scss

/静态/供应商/bootstrap-5.0.2/bootstrap.bundle.min.js

Answer 1

我不建议向app.html添加任何内容，而是从根+layout.svelte导入，从 NPM 安装bootstrap 。

错误引用.map文件，这些文件指定缩小的 JS 文件的哪些部分引用源文件中的哪些行。 您可能没有将文件复制过来，因此找不到它们。 这些文件引用自.min.js文件。

但如前所述，不应像那样导入脚本。

---

从 NPM 安装时，您需要以下软件包：

• bootstrap
• @popperjs/core

可以只导入特定组件的代码并从源代码编译 CSS（ 请参阅文档）。 要导入所有代码和 styles，您只需要：

<script>
    import 'bootstrap';
    import 'bootstrap/dist/css/bootstrap.css';
</script>

最好只导入实际需要的内容以减少生成的包大小。