Question

我已经将官方的Bootstrap存储库（ 4.0.0-alpha.6 ）分叉，以实现Gulp而不是Grunt，并根据自己的需要开始使用Bootstrap。

我们正在开发的项目使用JSPM进行包管理。当我们尝试安装自定义Bootstrap项目时，依赖项无法正确加载。

运行;

jspm install bootstrap=github:TomFoyster/bootstrap@4.0.0-alpha6-ntt-0.0.3

给出;

Looking up github:TomFoyster/bootstrap
Updating registry cache...
Looking up npm:jquery
ok   Installed npm:jquery@3 (3.1.1)
ok   Installed bootstrap as github:TomFoyster/bootstrap@4.0.0-alpha6-ntt-0.0.3 (4.0.0-alpha6-ntt-0.0.3)
Installed Forks

                           npm:jquery 2.2.4 3.1.1

To inspect individual package constraints, use jspm inspect registry:name.

ok   Install complete.

但是，安装正式的Bootstrap包;

jspm install bootstrap@4.0.0-alpha.6

给出;

Updating registry cache...
Looking up github:twbs/bootstrap
Looking up npm:jquery
Looking up github:HubSpot/tether
ok   Installed github:HubSpot/tether@^1.1.1 (1.4.0)
ok   Installed bootstrap as github:twbs/bootstrap@4.0.0-alpha.6 (4.0.0-alpha.6)
ok   Install tree has no forks.

ok   Install complete.

你可以看到自定义repo没有安装Tether作为依赖项，还安装了jQuery forks - 而官方软件包没有forks？

每个存储库中的两个package.json文件都包含以下内容;

"dependencies": {
    "jquery": ">=1.9.1",
    "tether": "^1.4.0"
},

我错过了什么？

Answer 1

当您通过jspm安装软件包时，它会查询jspm-registry以检查该软件包是否有已定义的别名或覆盖。这样做

jspm install bootstrap@4.0.0-alpha.6

将检查注册表并找出there is a custom override defined for bootstrap@4，其内容为：

{
  "main": "dist/js/bootstrap",
  "files": null,
  "ignore": [
    "dist/js/npm"
  ],
  "shim": {
    "dist/js/bootstrap": {
      "deps": [
        "jquery",
        "tether"
      ],
      "exports": "$"
    }
  },
  "dependencies": {
    "jquery": "*",
    "tether": "github:HubSpot/tether@^1.1.1"
  }
}

此配置会覆盖github:twbs/bootstrap中定义的内容。

您的fork不在注册表中，因此它会安装package.json中定义的内容

JSPM没有按预期加载依赖项

1 个答案: