未捕获的语法错误：请求的模块“/node_modules/.vite/deps/bootstrap.js”不提供名为“default”的导出

当我像这样在 React 项目中导入引导程序时：

import bootstrap from "bootstrap";

显示错误：

Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/bootstrap.js?t=1693123714754&v=6a448f48' does not provide an export named 'default'

这是演示代码：

import React from 'react';
import bootstrap from "bootstrap";

const App: React.FC = () => {

  React.useEffect(() => {
    let modal = document.getElementById('exampleModal');
    if (modal) {
      var myModal = new bootstrap.Modal(modal);
      myModal.show();
    }
  }, []);

  return (
    <div>
      <div className="modal fade" id="exampleModal" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div className="modal-dialog">
          <div className="modal-content">
            <div className="modal-header">
              <h5 className="modal-title" id="exampleModalLabel">Modal title</h5>
              <button type="button" className="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div className="modal-body">
              ...
            </div>
            <div className="modal-footer">
              <button type="button" className="btn btn-secondary" data-bs-dismiss="modal">Close</button>
              <button type="button" className="btn btn-primary">Save changes</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}

export default App;

我错过了什么吗？我正在使用此命令来安装引导程序：

pnpm install [email protected]