升级引导程序4.3.1之后样式不起作用

时间:2019-05-15 11:29:33

标签: angular npm bootstrap-4

我们在Angular项目中使用Bootstrap 3.4.1。样式运行良好,但升级时,这些样式开始变形。我已经用nmp升级了

npm install bootstrap@4.3.1 --save-dev   
npm install jquery --save-dev
npm install popper.js –save-dev

然后添加angular-cli.json

"styles": [
        "styles.css",
        "../node_modules/bootstrap/dist/css/bootstrap.min.css"
      ],
      "scripts": [
        "../node_modules/jquery/dist/jquery.slim.min.js",
        "../node_modules/popper.js/dist/umd/popper.min.js",
        "../node_modules/bootstrap/dist/js/bootstrap.min.js"
      ],

我的package.json文件是这样的:

"devDependencies": {
    ........
    "bootstrap": "^4.3.1",

}

但是当我将其更改为3.4.1时,该项目无法使用^ 4.3.1,它再次运行良好,

我该怎么办,我错过了性生活吗?

1 个答案:

答案 0 :(得分:0)

请尝试以下步骤,

  • 转到package.json并在依赖项中找到“ bootstrap”:“ ^ 3.4.1”
  • 将其修改为“ bootstrap”:“ ^ 4.3.1”
  • 在项目根目录中安装npm

它将成功在节点模块中安装引导程序

确保已在angular.json中的样式中添加了以下内容

"styles":[
"./node_modules/bootstrap/dist/css/bootstrap.min.css"
]