Angular2 :NG2-简单计时器未加载
Angular2 :NG2-简单计时器未加载
提问于 2016-12-19 01:08:42
我试图在我的应用程序中加入ng2-simple-timer模块，但似乎我做错了什么，不理解网站上的说明(我希望我把所有相关信息都放进去了)：
- 我运行了
npm install ng2-simple-timer --save，然后将SimpleTimer添加到app.module中的providers数组中。试图加载应用程序导致了一个错误：GET http://localhost:3000/ng2-simple-timer 404 (Not Found)。这是因为模块是在node_modules下安装的。 - 按照其他示例的说明，我在
systemjs.config.js中添加了以下一行：'ng2-simple-timer': 'npm:ng2-simple-timer/index.js'。这导致了错误：GET http://localhost:3000/node_modules/ng2-simple-timer/lib/simple-timer 404 (Not Found)。如果我正确理解，这是因为simple-timer是纯JS模块，而不是类型记录。 - 我删除了上面的一行，并添加了以下内容：
///<reference path="../node_modules/ng2-simple-timer/index.d.ts" />到typings/index.d.ts，<script src="node_modules/ng2-simple-timer/index.js"></script>添加到index.html，但是这仍然导致了错误：Uncaught ReferenceError: exports is not defined index.js:1
那么，在我的应用程序中包含这个模块的正确方法是什么呢？
回答 1
Stack Overflow用户
发布于 2017-03-13 21:01:31
下面是我在NG2-简单计时器-示例中使用的NG2-简单计时器-示例。该示例被更新以支持angular2 2.4.x。
(function (global) {
// map tells the System loader where to look for things
var map = {
'app': 'app', // 'dist',
'@angular': 'node_modules/@angular',
'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api',
'rxjs': 'node_modules/rxjs',
'ng2-simple-timer': 'node_modules/ng2-simple-timer',
'angular2-uuid': 'node_modules/angular2-uuid'
};
// packages tells the System loader how to load when no filename and/or no extension
var packages = {
'app': { main: 'main.js', defaultExtension: 'js' },
'rxjs': { main: 'bundles/Rx.min.js', defaultExtension: 'js' },
'angular2-in-memory-web-api': { main: 'index.js', defaultExtension: 'js' },
'ng2-simple-timer': { main: 'index.js', defaultExtension: 'js' },
'angular2-uuid': { main: 'index.js', defaultExtension: 'js' }
};
var ngPackageNames = [
'common',
'compiler',
'core',
'http',
'platform-browser',
'platform-browser-dynamic'
];
// Individual files (~300 requests):
function packIndex(pkgName) {
packages['@angular/' + pkgName] = { main: 'index.js', defaultExtension: 'js' };
}
// Bundled (~40 requests):
function packUmd(pkgName) {
packages['@angular/' + pkgName] = { main: '/bundles/' + pkgName + '.umd.js', defaultExtension: 'js' };
}
// Most environments should use UMD; some (Karma) need the individual index files
var setPackageConfig = System.packageWithIndex ? packIndex : packUmd;
// Add package entries for angular packages
ngPackageNames.forEach(setPackageConfig);
var config = {
map: map,
packages: packages
};
System.config(config);
})(this);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41219104
复制相关文章
相似问题
腾讯云开发者
