visulal studio 2015 typescript项目中的angular2
我已经在vs2015中建立了anjular2演示项目。但是systemjs似乎没有看到我编译的js文件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
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中的项目编译良好