visulal studio 2015 typescript项目中的angular2

visulal studio 2015 typescript项目中的angular2,angular,visual-studio-2015,Angular,Visual Studio 2015,我已经在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 有人能帮忙吗 My index.html <!DOC

我已经在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
有人能帮忙吗

My 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>

角度2快速入门
System.config({
套餐:{
应用程序:{
格式:'寄存器',
defaultExtension:'js',
defaultJSExtensions:true
}
}
});
System.import('app/boot')
.then(null,console.error.bind(console));
加载。。。
我的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 />
false
trueCommonJS
真的
真的
$(TypeScriptAdditionalFlags)--实验记录器
$(TypeScriptAdditionalFlags)--emitDecoratorMetadata
ES5
没有一个
真的
假的
假的
真的
类型脚本编译器1.7.6

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

未捕获引用错误:未定义require(匿名函数)@ boot.ts:1 angular2 polyfills.js:143未捕获类型错误:无法读取 未定义MemberExpression的属性“拆分”@ system.src.js:1456(匿名函数)@system.src.js:3224(匿名函数) 函数)@system.src.js:3749完成@system.src.js:2487run@ angular2 polyfills.js:138zoneBoundFn@angular2 polyfills.js:111


当您使用没有扩展名i.r而没有.js的代码时,会出现什么错误?其次,您编写了
System.config({defaultJSExtensions:true,})
在你的index.html文件中?我更新了我的帖子,提供了更多详细信息,希望对你有所帮助。根据你提到的错误,错误是你的项目没有正确导入require.js。错误来自浏览器控制台,我在visual studio中的项目编译良好。当你使用不带扩展名I.r而不带.js的代码时,你会遇到什么错误?其次,您编写了
System.config({defaultJSExtensions:true,})
在你的index.html文件中?我更新了我的帖子,提供了更多详细信息,希望对你有所帮助。根据你提到的错误,错误是你的项目没有正确导入require.js。错误来自浏览器控制台,我在visual studio中的项目编译良好