Webpack - 关键依赖:依赖的请求是表达式

Question

request在裸线webpack项目中导入时,我收到三条警告消息.在GitHub(运行npm install和npm start)上可以找到重现该错误的最小示例.

Critical dependency: the request of a dependency is an expression

我怎么能摆脱这个警告？

---

更多信息:

Webpack尝试require静态解析调用以创建最小的包.当库使用在需要调用变量(如这些线路中require('' + 'nodent'))的WebPack不能静态地解决这些问题,并导入整个包.

我的理由是,这种动态导入在生产中是不可取的,代码最好保持无警告.这意味着我想要任何可以解决问题的解决方案.例如:

1. 手动配置webpack以导入所需的库并防止发生警告.
2. 将ajv文件添加到我的项目中以某种方式覆盖require调用.
3. 升级我的库.hack.js有一个解决方案,使警告无声.但是,如果我想使用它,我必须等到它被释放,然后直到ajv-5.0.1-beta.3并har-validator发布后续更新.如果有办法强制request使用测试版har-validator,那将解决我的问题.
4. 其他

Answer 1

延迟加载资源时遇到的

const asset = 'config.json';
lazy(async () => await import(asset));

通过将导入参数显式更改为字符串解决了这个问题

const asset = 'config.json';
lazy(async () => await import(`${asset}`));

Answer 2

解决了 npm install request@2.79.0 --save

根据作者的说法ajv,该问题可能会在request几周后的最新版本中得到解决.

Answer 3

替换它

new webpack.ContextReplacementPlugin(
        /angular(\\|\/)core(\\|\/)@angular/,
        helpers.root('./src'), // location of your src
        {} // a map of your routes
    ),

有了这个-

new webpack.ContextReplacementPlugin( /(.+)?angular(\\|\/)core(.+)?/, root('./src'), {} )

Answer 4

此警告可以链接到（依赖项或 devDependency）中的包注入。

如果问题突然出现，请检查 package.json 中的最后修改。

如果您打算重新启动npm install.