1
我正在与角2的应用程序,当我创建与AOT编译束角度2文档https://angular.io/docs/ts/latest/cookbook/aot-compiler.html中提到,它给人depenency错误,这里是错误NG2的自举依赖问题 - 角2
参见https://github.com/rollup/rollup/wiki/Troubleshooting#name-is-not-exported-by-module AOT /应用/ app.module.ngfactory.js(700:23) 'ModalModule' 不是由 'node_modules/NG2的自举/模态/ modal.module.js' 导出。见
这里是我的代码: -
main.ts
import { platformBrowser } from '@angular/platform-browser';
import { AppModuleNgFactory } from '../aot/app/app.module.ngfactory';
platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);
的index.html
<html>
<head>
<title>Jobkeeper</title>
<!-- <base href="/"> -->
<meta charset="UTF-8">
<link rel="stylesheet" href="app/style.css" />
<link rel="stylesheet" href="app/forms.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="app/assets/frontend/custom/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="app/assets/frontend/custom/css/bootstrap.min.css">
<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css"> -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script data-turbolinks-track="true" src="app/assets/frontend/custom/js/bootstrap.min.js"></script>
<!-- 1. Load libraries -->
<!-- Polyfill for older browsers -->
<!-- 2. Configure SystemJS -->
<script>window.module = 'aot';</script>
<script src="systemjs.config.js"></script>
<script>
System.import('app').catch(function(err){ console.error(err); });
</script>
</head>
<!-- 3. Display the application -->
<body>
<my-app></my-app>
</body>
<!--<script src="dist/build.js"></script>-->
</html>
systemjs.config.js
(function (global) {
System.config({
paths: {
// paths serve as alias
'npm:': 'node_modules/'
},
// map tells the System loader where to look for things
map: {
// our app is within the app folder
app: 'app',
'ng2-bootstrap': 'npm:ng2-bootstrap/bundles/ng2-bootstrap.umd.js'
},
packages: {
app: {
main: './main.js',
defaultExtension: 'js'
},
rxjs: {
defaultExtension: 'js'
},
'angular2-datatable': {
main: 'index.js',
defaultExtension: 'js'
}
}
});
})(this);
但是,当我使用此代码没有AOT,它工作正常。请让我知道这个问题。
你的或别人的模块执行从'进口{ModalModule}” .../modal.module.js'',但'node_modules/NG2的自举/模式/模式。 module.js'不会导出它。你可以检查来源。你的项目中是否有模块版本,应该一起工作? –
我是唯一一个在此工作的人。 –