在通过 CommonJS 或 AMD 导入模块时,Angular 编译器可能会出现优化问题。为了避免这种情况,建议改用 ES6 的模块语法来导入模块。例如:
// 标准 ES6 导入语法
import { Component } from '@angular/core';
// CommonJS 导入语法,可能导致优化失败
const Component = require('@angular/core').Component;
此外,如果有必要继续使用 CommonJS 或 AMD 导入模块,可以尝试通过手动添加 inlineCritical
标记来修复优化问题,例如:
// CommonJS 导入语法,添加 inlineCritical 标记
/**@__inlineCritical(‘define’, ‘@angular/core’) */
const Component = require('@angular/core').Component;