如何编译捆绑包中的一些Typescript文件并使用SystemJS加载它？
我在TypeScript中有两个文件（稍后我将创建更多），我想生成一个唯一的JS文件，其他人将使用它作为库 此时，通过将两个文件连接起来并使用SystemJS将它们加载到HTML文件的最简单的练习，我得到了以下错误：如何编译捆绑包中的一些Typescript文件并使用SystemJS加载它？,typescript,systemjs,gulp-typescript,Typescript,Systemjs,Gulp Typescript,我在TypeScript中有两个文件（稍后我将创建更多），我想生成一个唯一的JS文件，其他人将使用它作为库 此时，通过将两个文件连接起来并使用SystemJS将它们加载到HTML文件的最简单的练习，我得到了以下错误： Error: (SystemJS) Multiple anonymous defines in module Error: (SystemJS) Multiple anonymous defines in module Error: (SystemJS) Multiple
Error: (SystemJS) Multiple anonymous defines in module
Error: (SystemJS) Multiple anonymous defines in module
Error: (SystemJS) Multiple anonymous System.register
If loading a bundle, ensure all the System.register calls are named.
<head>
<script src="MyLibv1.0/vendor/system.js"></script>
<script>
System.config({
baseURL: "MyLibv1.0/"
});
System.defaultJSExtensions = true;
System.import("Main").catch(function(e)
{
console.error(e);
});
</script>
...
Error: (SystemJS) Multiple anonymous defines in module
Error: (SystemJS) Multiple anonymous defines in module
Error: (SystemJS) Multiple anonymous System.register
If loading a bundle, ensure all the System.register calls are named.
为什么?？我做错了什么？您应该使用SystemJS Builder进行此操作。 创建捆绑包作为构建管道的一部分，然后在浏览器中加载捆绑包
var path = require("path");
var Builder = require('systemjs-builder');
// optional constructor options
// sets the baseURL and loads the configuration file
var builder = new Builder('path/to/baseURL', 'path/to/system/config-file.js');
builder
.bundle('local/module.js', 'outfile.js')
.then(function() {
console.log('Build complete');
})
.catch(function(err) {
console.log('Build error');
console.log(err);
});
您应该使用SystemJS Builder进行此操作。 创建捆绑包作为构建管道的一部分，然后在浏览器中加载捆绑包
var path = require("path");
var Builder = require('systemjs-builder');
// optional constructor options
// sets the baseURL and loads the configuration file
var builder = new Builder('path/to/baseURL', 'path/to/system/config-file.js');
builder
.bundle('local/module.js', 'outfile.js')
.then(function() {
console.log('Build complete');
})
.catch(function(err) {
console.log('Build error');
console.log(err);
});
串联模块文件不会产生可由SystemJS加载的有效捆绑包。一种可能的方法是在tsconfig.json中设置
outFileoutDiroutFileoutDir