【问题标题】:Angular 2 - Module not found [duplicate]Angular 2 - 找不到模块[重复]
【发布时间】:2018-02-15 11:13:19
【问题描述】:

我正在尝试将 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 版本上:

路径相同:

【问题讨论】:

标签: javascript json angular angular-cli


【解决方案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 个主要版本语法。

升级自动前缀应该可以解决这个问题。

【讨论】:

  • hmmm...我之前在引导版本 4.0.0 上尝试过但没有用,现在我将其更改为 4.0.0-alpha.5 并且它有效...为什么这样正在发生吗??
  • 可能是其他版本的文件路径不同
  • 路径是相同的,但它返回和错误:/ 我在 4.0.0 版本中尝试了许多其他组合并且没有工作。好的,感谢您的帮助,这很容易,但那个版本让我感到惊讶:) 呵呵,谢谢!
  • 是的,我在等,我可以在 4 分钟内接受答案
  • 实际上我使用这些版本的引导程序:-"bootstrap": "^3.3.7", 和 "@ng-bootstrap/ng-bootstrap": "^1.0.0-beta.2",
【解决方案2】:
  1. 如下所示更新您的代码:

    “样式”:[ “样式.css”, “../node_modules/bootstrap/dist/css/bootstrap.min.css” ],

  2. 这将解决您的问题

    npm install bootstrap@4.0.0-alpha.6

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-02-16
    • 1970-01-01
    • 2021-09-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多