Question

我在vs2015中设置了一个anjular2演示项目。但似乎systemjs没有看到我编译的js文件。

System.import('app/boot.js')
    .then(null, console.error.bind(console)); -- WORKS

System.import('app/boot')
    .then(null, console.error.bind(console)); -- DOESN'T

有人可以帮忙吗？

我的index.html

<!DOCTYPE html>
<html>

<head>
    <title>Angular 2 QuickStart</title>

    <!-- 1. Load libraries -->
    <script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
    <script src="node_modules/systemjs/dist/system.src.js"></script>
    <script src="node_modules/rxjs/bundles/Rx.js"></script>
    <script src="node_modules/angular2/bundles/angular2.dev.js"></script>

    <!-- 2. Configure SystemJS -->
    <script>
      System.config({
        packages: {
          app: {
            format: 'register',
            defaultExtension: 'js',
            defaultJSExtensions: true
          }
        }
      });
      System.import('app/boot')
            .then(null, console.error.bind(console));
    </script>

</head>

<!-- 3. Display the application -->
<body>
    <my-app>Loading...</my-app>
</body>

</html>

我的vs2015项目设置

<TypeScriptRemoveComments>false</TypeScriptRemoveComments>
<TypeScriptSourceMap>true</TypeScriptSourceMap><TypeScriptModuleKind>CommonJS</TypeScriptModuleKind>
<TypeScriptExperimentalDecorators>true</TypeScriptExperimentalDecorators>
<TypeScriptEmitDecoratorMetadata>true</TypeScriptEmitDecoratorMetadata>
<TypeScriptAdditionalFlags> $(TypeScriptAdditionalFlags) --experimentalDecorators </TypeScriptAdditionalFlags>
<TypeScriptAdditionalFlags> $(TypeScriptAdditionalFlags) --emitDecoratorMetadata </TypeScriptAdditionalFlags>
<TypeScriptTarget>ES5</TypeScriptTarget>
<TypeScriptJSXEmit>None</TypeScriptJSXEmit>
<TypeScriptCompileOnSaveEnabled>True</TypeScriptCompileOnSaveEnabled>
<TypeScriptNoImplicitAny>False</TypeScriptNoImplicitAny><TypeScriptOutFile />
<TypeScriptOutDir />
<TypeScriptGeneratesDeclarations>False</TypeScriptGeneratesDeclarations>
<TypeScriptNoEmitOnError>True</TypeScriptNoEmitOnError>
<TypeScriptMapRoot />
<TypeScriptSourceRoot />

Typescript编译器1.7.6

我在浏览器中遇到的错误是：

未捕获的ReferenceError：未定义require（匿名函数）@ boot.ts：1 angular2-polyfills.js：143 Uncaught TypeError：无法读取属性'split'of undefinedreadMemberExpression @ system.src.js：1456（匿名函数）@ system.src.js：3224（匿名函数）@system.src.js：3749complete @system.src.js：2487run @ angular2-polyfills.js：138zoneBoundFn @ angular2-polyfills.js：111

vision2 in visulal studio 2015打字稿项目

0 个答案: