typescript - 从 Typescript 到 Javascript => required 未在 chrome 浏览器中定义

Question

来自:

import {Component} from 'angular2/core';

收件人:

var core_1 = require('angular2/core');

我的浏览器出现一些错误:

required is not defined

为什么我必须将 requireJS 作为运行时依赖项包含在内？ Angular 2 5 分钟教程在任何地方都没有包含该库!

真烦人!

https://angular.io/guide/quickstart

当我这样做时:

    <script src="~/lib/require.js"></script>

由于我编译的 javascript，我仍然得到错误:

更新

这些是我的 header 标签中的包含脚本:

  <script src="~/lib/es6-shim.js"></script>
    <script src="~/lib/es6-promise.js"></script>

    <script src="~/lib/system-polyfills.js"></script>
    <script src="~/lib/angular2-polyfills.js"></script>
    <script src="~/lib/system.js"></script>

    <script src="~/lib/Rx.js"></script>
    <script src="~/lib/angular2.js"></script>

    <script src="~/lib/http.dev.js"></script>
    <script src="~/lib/router.dev.js"></script>

    <script asp-src-include="~/app/**/*.js"></script>

    <script>
            System.config({
                packages: {
                    app: {
                        format: 'register',
                        defaultExtension: 'js'
                    }
                }
            });
            System.import('app/main')
                  .then(null, console.error.bind(console));
    </script>

更新 2

Answer 1

你需要SystemJS，不需要requirejs (;

您可能在从 node_modules 文件夹加载包时遇到问题，如果是这种情况(检查 Devtools > Network)，请尝试使用 CDN 版本:

<script src="https://code.angularjs.org/2.0.0-beta.0/angular2-polyfills.js"></script>
<script src="https://code.angularjs.org/tools/system.js"></script>
<script src="https://code.angularjs.org/tools/typescript.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.0/Rx.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.0/angular2.min.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.0/http.min.js"></script>

更新:

您正在尝试手动加载脚本。你应该让 SystemJS 来做，只需删除:

<script asp-src-include="~/app/**/*.js"></script>

它应该可以工作...