我有我正在编译的 Angular2 应用程序以与 AoT 一起运行。我已经解决了实际编译时遇到的问题，并且我还能够从头到尾运行 Rollup 而没有错误（尽管有很多警告，我认为这是意料之中的）。
但是，在运行应用程序时，浏览器总是require is not defined在我的 app.bundle.js 上声明。
我究竟做错了什么？
这是我的功能性非 AoT 示例代码/配置： https ://plnkr.co/edit/oCAaeXUKWGyd34YKgho9?p=info
这是我抛出require错误的功能性 AoT 示例配置：
https ://plnkr.co/edit/Y1C5HaQS3ddCBrbRaaoM?p=info
是否有人在这里发现任何错误，尤其是在比较非 AoT system.js 配置和 AoT 汇总配置时？为什么我会遇到这个错误？
我知道浏览器无法使用 require 但不应该汇总处理吗？
此致
我对这个问题的解决方案如下：
我跟踪了系统需要什么：模块fs、events和timer。所有这些都在 zone.js 中被引用。
在我之前的尝试中，我发现一些 zone.js 导入被黑进了我的代码，将其缩小为 5M。
删除它们后，问题就消失了。
对于未来有类似问题的谷歌人：
问题的原因是您的 npm 模块在require()内部使用。你必须更新它，或者重新编译它，但这次是作为 ES6 包（它不使用require()，它使用import）。如果 require 真的被深度硬编码到其中（例如，它在 .js 中并使用 require），那么您必须修改它的源代码。
附加扩展：
看来，汇总无法正确处理类似import 'Zone.js';和类似的非普通导入！它只能处理import { something } from 'Anything';类似的导入！
所有问题的根源在于 Angular 需要以这种方式导入 zonejs，而且任何打字稿装饰器都需要反射元数据包，也是以这种方式导入的。
但是，这并不是一个真正的问题。事情看起来像以前一样
<script src="...zone.js"></script>
或与
import 'zone.js';
, 不应再存在于源代码（或 HTML）中。相反，您必须在没有它们的情况下编译源代码，然后简单地将它们连接到源代码的开头。就我而言，我使用以下 Grunt 规则：
concat: {
dev: {
src: [ "node_modules/zone.js/dist/zone.js", "node_modules/reflect-metadata/Reflect.js", "target/MyApp-core.js" ],
dest: "target/MyApp.js"
}
},
它是grunt-contrib-concatGrunt 包的一部分。
结果target/MyApp.js可以由任何其他工具（uglify，或者最好的是谷歌闭包编译器）进一步处理。
所以，最终我能够解决这个问题。
代码中有一个流氓const _ = require("lodash")。一旦我删除它，一切都没有问题。
有两点值得一提：
ngc命令使用node --max-old-space-size=8192 ./node_modules/.bin/ngc -p tsconfig-aot.jsonrollup运行node --max-old-space-size=8192 ./node_modules/.bin/rollup -c rollup-config.js--max-old-memory=4096根据您的项目的大小和计算机上的内存，您可能能够侥幸逃脱。
至于我的 rollup-config.js，虽然我不确定这里的一切是否真的有必要，但这对我有用：
import builtins from 'rollup-plugin-node-builtins';
import nodeResolve from 'rollup-plugin-node-resolve';
import commonjs from 'rollup-plugin-commonjs';
import uglify from 'rollup-plugin-uglify';
export default {
entry: 'app/app.aot.js',
dest: 'www/bundle.js', // output a single application bundle
sourceMap: false,
format: 'iife',
plugins: [
nodeResolve({
jsnext: true,
module: true,
browser: true
}),
commonjs({
// non-CommonJS modules will be ignored, but you can also
// specifically include/exclude files
include: [
'node_modules/**',
'node_modules/primeng/**',
'node_modules/moment/**',
'node_modules/rxjs/**',
'node_modules/lodash/**'
], // Default: undefined
exclude: ['node_modules/ws/**'], // Default: undefined
// search for files other than .js files (must already
// be transpiled by a previous plugin!)
extensions: ['.js'], // Default: [ '.js' ]
// if true then uses of `global` won't be dealt with by this plugin
ignoreGlobal: false, // Default: false
namedExports: {
// left-hand side can be an absolute path, a path
// relative to the current directory, or the name
// of a module in node_modules
'node_modules/primeng/primeng.js': [
'PanelModule',
'InputSwitchModule',
'InputMaskModule',
'ProgressBarModule',
'DropdownModule',
'CalendarModule',
'InputTextModule',
'DataTableModule',
'DataListModule',
'ButtonModule',
'DialogModule',
'AccordionModule',
'RadioButtonModule',
'ToggleButtonModule',
'CheckboxModule',
'SplitButtonModule',
'ToolbarModule',
'SelectButtonModule',
'OverlayPanelModule',
'TieredMenuModule',
'GrowlModule',
'ChartModule',
'Checkbox',
'Dropdown',
'Calendar',
'DataGridModule',
'DataTable',
'MultiSelectModule',
'TooltipModule',
'FileUploadModule',
'TabViewModule',
'AutoCompleteModule'
],
'node_modules/ng2-uploader/index.js': ['Ng2Uploader']
},
// if false then skip sourceMap generation for CommonJS modules
sourceMap: false, // Default: true
}),
builtins(),
uglify()
]
}
rollup仍然抱怨某些包的默认导入，这可能可以使用命名导出来解决（如果你真的想的话），但即使有这些警告，一切似乎都在运行。
至于我的“最终” tsconfig.json：
{
"compilerOptions": {
"lib": ["es2015", "dom"],
"target": "es5",
"module": "es2015",
"moduleResolution": "node",
"declaration": false,
"sourceMap": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"removeComments": true,
"noImplicitAny": false,
"watch": false,
"skipLibCheck": true,
"allowSyntheticDefaultImports": true,
"suppressImplicitAnyIndexErrors": true,
"baseUrl": ".",
"typeRoots": [
"./node_modules/@types",
"./node_modules"
],
"types": [
"node",
"lodash",
"jasmine",
"bluebird",
"socket.io-client"
]
},
"compileOnSave": false,
"buildOnSave": false,
"files": [
"app/app.module.ts",
"app/app.aot.ts"
],
// "exclude": [
// "node_modules"
// ],
"angularCompilerOptions": {
"genDir": "compiled",
"skipMetadataEmit": true
}
}
最后，这两个链接也有助于理解幕后发生的事情：
希望这可以帮助某人。