Jspm + Angular 2空文件名错误

时间:2016-03-15 09:35:52

标签: angular systemjs jspm

尝试加载项目时,我们在其中一台计算机上出现问题。

这是我们的package.json:

{
 ...
  "jspm": {
    "dependencies": {
      "angular2": "npm:angular2@^2.0.0-beta.8",
      "d3": "npm:d3@^3.5.16",
      "reflect-metadata": "npm:reflect-metadata@^0.1.3",
      "zone.js": "npm:zone.js@^0.6.1"
    },
    "devDependencies": {}
  },
 ...
}

config.js是:

System.config({
  baseURL: "/",
  defaultJSExtensions: true,
  transpiler: false,
  paths: {
    "github:*": "jspm_packages/github/*",
    "npm:*": "jspm_packages/npm/*"
  },

  map: {
  }
});

我删除了问题的地图,当你执行jspm i时它会再次创建。

index.html是:

<html>

<head>
    <script src="temp/angular2-polyfills.js"></script>
    <script src="jspm_packages/system.src.js"></script>
    <script src="config.js"></script>   
    <base href="/">

    <script>
             System.import('reflect-metadata').then(function(){
            System.import('boot.js');    
    });   
    </script>
</head>

<body>
    <my-app>Loading...</my-app>
</body>

</html>

没有反映元数据角度2无法加载(任何人都知道如何解决这个问题?)。

运行依赖项安装后(npm i,jspm i)。 我们尝试访问localhost:8000,并且jspm无法加载角度2项目,但存在以下问题:

Failed to load resource: the server responded with status of 404 (Not found) http://locallhost:8000/.js

Error picture

似乎系统js中的依赖加载有问题,我们显然没有引用空文件,并且它与代码无关,因为它相同代码适用于其他机器。 有谁有想法?

1 个答案:

答案 0 :(得分:0)

我认为你需要定义一个转换器,你必须设置babel或打字稿,等等。

jspm dl-loader babel或者您可以使用jspm init进行修改。

另见文件: https://github.com/jspm/jspm-cli/blob/master/docs/getting-started.md