在 Vue.js 中导入引导程序

Question

我在导入这个 Bootstrap 时遇到了困难。 Here is the error.

我已经做了npm i boostrap jquery popper.js。但是当我导入这些时，我得到了一个错误。

这是我从 main.js 文件中导入的内容：

import Vue from 'vue'
import App from './App'
import router from './router'
import 'bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css';

Answer 1

正如其他人所建议的，您可以为 Vue 使用引导程序，但这对我来说效果不佳。我通常做的只是将引导 cnd 链接添加到我的 index.html 标头

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">

Answer 2

您不能在 Vue.js 中使用 Bootstrap，但可以使用 bootstrap-vue 或仅使用 Bootstrap CSS。