javascript - Plunker 在几天前有效的脚本上给我 404

标签 javascript angular jsx plunker

几周前我做了一个 plunker,一切都很顺利。

但是今天当我重新访问它时,我的脚本被 404 轰炸了,知道发生了什么变化吗?

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>

最佳答案

那是因为你的 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

关于javascript - Plunker 在几天前有效的脚本上给我 404,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50080315/

相关文章:

javascript - 如何从字符串中获取最后一个单词的名称

javascript - Lodash/Javascript 中的扁平化和替换对象字段

css - Angular 2 - ngFor 子导航栏菜单不适用于 CSS

javascript - setState 函数未定义

javascript - 检测点击了哪个 anchor

javascript - 在 iOS 中使用 React Native 的 Google map

angular - 增强第三方库 Typescript

Angular 2 --alpha 37 如何在构造函数中获取属性?

css - 无法在 Div 中居中图像

javascript - 通过 Javascript 中的映射函数传入 key