Plunker给了我几天前工作的脚本404

时间:2018-04-28 19:30:21

标签: javascript angular jsx plunker

几个星期前我做了一个傻瓜,一切都进展顺利。

然而今天当我再次访问它时,我的脚本会被404s轰炸,对于改变了什么有任何想法?

http://plnkr.co/edit/M2hRaf?p=preview

Chrome console output 这是index.html的样子

<!DOCTYPE html>
<html>

  <head>
    <base href="." />
    <script type="text/javascript" charset="utf-8">
      window.AngularVersionForThisPlunker = 'latest'
    </script>
    <title>angular playground</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <link rel="stylesheet" href="style.css" />
    <script src="https://unpkg.com/core-js@2.4.1/client/shim.min.js"></script>
    <script src="https://unpkg.com/zone.js/dist/zone.js"></script>
    <script src="https://unpkg.com/zone.js/dist/long-stack-trace-zone.js"></script>
    <script src="https://unpkg.com/reflect-metadata@0.1.3/Reflect.js"></script>
    <script src="https://unpkg.com/systemjs@0.19.31/dist/system.js"></script>
    <script src="config.js"></script>
    <script>
    System.import('app')
      .catch(console.error.bind(console));
  </script>
  </head>

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

</html>

2 个答案:

答案 0 :(得分:11)

那是因为你的plunker现在使用最新的rxjs版本,最近有很多变化。

因此请尝试更新您的配置:

System.config({
  ...
  map: {
    ...,
    'rxjs': 'npm:rxjs',
    'rxjs-compat': 'npm:rxjs-compat',
    'rxjs/operators': 'npm:rxjs/operators',
  },
  packages: {
    ...,
    'rxjs': { main: 'index.js', defaultExtension: 'js' },
    'rxjs/operators': {main: 'index.js', defaultExtension: 'js' }
  }
  ...

<强> Forked Plunker

答案 1 :(得分:1)

使用它来更新plunker 'rxjs': 'https://unpkg.com/rxjs@5.5.2',中的rxjs版本而不是config.js文件中的'rxjs': 'npm:rxjs',