Twitter bootstrap 如何将引导添加并使用到ionic 4应用程序？

我正在构建一个ionic 4应用程序，我想在不使用CDN方法的情况下使用引导。我已经用npm安装引导程序安装了引导程序。

使用Ionic 4，这可以通过使用angular.json文件轻松完成

打开angular.json文件，它可以位于项目的根目录下

找到样式数组，将路径添加到下载的引导文件

"styles": [
          {
            "input": "src/theme/variables.scss"
          },
          {
            "input": "src/global.scss"
          },
          {
            "input": "node_modules/bootstrap/dist/css/bootstrap.min.css"
          }
        ],

如果希望使用引导脚本，请将引导脚本也添加到脚本数组中

请注意：要使用引导脚本，还需要将jquery和popper.js添加到项目中

使用链接

及 使用ionic serve重新运行ionic 4

只需将粘贴到src/index.html的标题中即可

在ionic app文件夹中创建新文件夹public/css

在public/css内部粘贴bootstrap.min.css的副本

在angular.json中添加“public/css/bootstrap.min.css”字符串路径

*确保重建应用程序。>爱奥尼亚服务

---

您是否遵循了此操作@ManojKumar是的，在添加导入“bootstrap”后，我出现了这个错误。/src/theme/variables.scss（./node\u modules/raw loader！。/node\u modules/postss loader/lib？？embedded！。/node\u modules/sass loader/lib/loader.js？？ref--15-3！。/src/theme/variables.scss）模块构建失败：未定义的^Media查询表达式必须以“”开头（'在C:\Users\src\theme\variables.scss（第6行，第1列）中，这将需要移动设备上的internet连接。.记住，ionic也适用于不需要internet连接的移动应用程序。同样，OP在不使用CDN的情况下说。