关键依赖项：require函数的使用方式无法静态提取依赖项

Question

有没有人在“ng serve”中面临低于警告的情况？

警告。/node_modules/@角/编译器/src/util.js10:24-31关键依赖：要求函数的使用方式是不能静态提取依赖ℹwdm：用警告编译。

Angular版本控制：

角CLI： 6.0.8节点： 8.11.3操作系统： darwin x64角： 6.0.9......动画，常见，编译器，编译器cli，核心，形式......超文本传输协议，语言服务，平台浏览器

我尝试更新CLI和Angular，但没有成功。util中的代码。js看起来像：

function (factory) {
    if (typeof module === "object" && typeof module.exports === "object") {
        var v = factory(require, exports);
        if (v !== undefined) module.exports = v;
    }
    else if (typeof define === "function" && define.amd) {
        define("@angular/compiler/src/util", ["require", "exports"], factory);
    }
}

Answer 1

如果从src路径导入，将引发此警告

将components import语句更改为

import { ChangeDetectionStrategy, ViewEncapsulation } from '@angular/compiler/src/core';

到

import {  ViewEncapsulation, ChangeDetectionStrategy} from '@angular/core';

Answer 2

当我错误地从量角器而不是@angular/core导入EventEmitter时，我也遇到了同样的错误。

将{EventEmitter}从“量角器”更改为import 从“@angular/core”导入{EventEmitter} 修复了它。

Answer 3

我发现了这个错误：https://fluin.io/blog/critical-dependency-cannot-be-statically-extracted，作者表示他也收到了同样的警告。然而，我没有使用Angular元素，但我知道它可能与同一个问题有关，所以我继续检查我是否在任何导入中使用了@Angular/compiler/src/core。

我确实是这样做的。修复方法很简单，只需删除导入行，在我的情况下，它是：

import { ViewEncapsulation } from '@angular/compiler/src/core';

然后编辑器自动导入它，如下所示：

import { Component, OnInit, ViewEncapsulation } from '@angular/core';

我希望它能有所帮助。