Angular 2 - 找不到模块

Question

我正在尝试将boostrap添加到我的项目中，但它向我显示错误：

我只在.angular-cli.json中改变它：

"styles": [

        "styles.css",
        "../angular2/node_modules/bootstrap/dist/css/bootstrap.min.css"
      ],

使用@ 4.0.0-alpha.5：

“风格”：[

    "styles.css",
    "../node_modules/bootstrap/dist/css/bootstrap.min.css"
  ],

版本@ 4.0.0：

路径是一样的：

Answer 1

如果你的src，node_modules和.angular-cli.json在同一个目录/文件夹中，那么这应该是文件的正确地址

"../node_modules/bootstrap/dist/css/bootstrap.min.css",

如果上述所有内容都不在主项目文件夹中，请将其保存在同一文件夹中。

对于其他版本，我建议查看此链接 https://github.com/angular/angular-cli/issues/9020

问题似乎是由bootstrap的package.json文件部分引起的

 "browserslist": [
    "last 1 major version",
    ">= 1%",
    "Chrome >= 45",
    "Firefox >= 38",
    "Edge >= 12",
    "Explorer >= 10",
    "iOS >= 9",
    "Safari >= 9",
    "Android >= 4.4",
    "Opera >= 30"
  ],

autoprefixer插件使用此列表，除非您的版本为7.0或更高版本，否则它不支持最后n个主要版本语法。

升级autoprefixer应解决问题。

Answer 2

1. 更新您的代码，如下所示：

   “风格”：[         “styles.css的”，         “../node_modules/bootstrap/dist/css/bootstrap.min.css”       ]，

2. 这将解决您的问题

   npm install bootstrap@4.0.0-alpha.6