jspm 和 aurelia 不能在 webstorm 中工作

Question

我已经完成了 Scott Allen's Hello World app，并且我的 Aurelia 应用程序在 visual studio 中完美运行。

出于某种原因，我无法在 WebStorm 中获得相同的结果。我的 index.html body 看起来像：

<body aurelia-app>
    <script src="jspm_packages/system.js"></script>
    <script src="config.js"></script>
    <script>
        System.import("aurelia-bootstrapper");        
    </script>
</body>

我遇到了控制台错误

Potentially unhandled rejection [3] Error loading "github:aurelia/bootstrapper@0.14.0" at http://localhost:63342/jspm_packages/github/aurelia/bootstrapper@0.14.0.js

完整的错误如下所示：

看起来它正在尝试获取一个文件 boostrapper@0.14.0.js，但实际上它是一个文件夹。为什么我无法在 webstorm 中获得与 visual studio 中完全相同的代码？

这是我的配置的引导程序部分：

"github:aurelia/bootstrapper@0.14.0": {
  "aurelia-event-aggregator": "github:aurelia/event-aggregator@0.6.1",
  "aurelia-framework": "github:aurelia/framework@0.13.2",
  "aurelia-history": "github:aurelia/history@0.6.0",
  "aurelia-history-browser": "github:aurelia/history-browser@0.6.1",
  "aurelia-loader-default": "github:aurelia/loader-default@0.9.0",
  "aurelia-logging-console": "github:aurelia/logging-console@0.6.0",
  "aurelia-router": "github:aurelia/router@0.10.1",
  "aurelia-templating": "github:aurelia/templating@0.13.2",
  "aurelia-templating-binding": "github:aurelia/templating-binding@0.13.0",
  "aurelia-templating-resources": "github:aurelia/templating-resources@0.13.0",
  "aurelia-templating-router": "github:aurelia/templating-router@0.14.0",
  "core-js": "npm:core-js@0.9.18"
},

和运行 jspm -v 产生

C:\Users\Jones\WebstormProjects\Aurelia>jspm -v
0.15.7
Running against global jspm install.

Answer 1

你能检查你的 config.js 文件并搜索 bootstrapper 看看你安装的是什么版本吗？另外请让我知道您在控制台中的 jspm 版本 -

$ jspm -v

只要你的 config.js 中的 bootstrapper 是 0.14.0 并且你的 jspm 是最新版本（不是测试版）你应该很好，如果不是让我知道或试试我们的 gitter 频道@ http://gitter.im/aurelia/discuss - 如果您没有立即得到解决，请私信我，我们可以解决这个问题，我会更新答案。

Answer 2

looks like it's trying to grab a file boostrapper@0.14.0.js, whne that's actually a folder.

实际上应该有一个文件夹和一个像这样的.js:

jspm_packages\github\aurelia\bootstrapper@0.14.0.js // descriptor
jspm_packages\github\aurelia\bootstrapper@0.14.0    // folder

在您的情况下，似乎缺少 .js。我之前遇到过，但我仍然不确定 when/why 是否会发生这种情况，但是当似乎没有其他方法可以解决它时，我只是用蛮力...

（假设 windows b/c 你提到了 visual studio）

打开命令：

cd C:\Users\Jones\WebstormProjects\Aurelia
jspm install aurelia-bootstrapper --force

--force 应该替换缺少的.js:

jspm_packages\github\aurelia\bootstrapper@0.14.0.js

如果该文件存在，请重新启动您的应用程序，然后就可以开始了。

Answer 3

唉。这与 Aurelia 完全无关，完全与我作为 Web 开发人员的无能有关。

WebStorm 在 http://localhost:port/ProjectName/...

托管它的服务器

~~因此，当我在 config.js 中的路径中添加我的项目名称时：~~

~~"paths": { "*": "*.js", "github:*": "Aurelia/jspm_packages/github/*.js", "npm:*": "Aurelia/jspm_packages/npm/*.js" }~~

~~一切正常。~~

更正确的做法是在运行jspm init时添加客户端url/ProjectName，一切都给你搞定

jspm 和 aurelia 不能在 webstorm 中工作

jspm and aurelia not working in webstorm

javascript

webstorm

ecmascript-6

aurelia

jspm