我得到了一个webpack警告的临界依赖:依赖的请求在使用koa时是一个表达式
webpack警告的临界依赖是指在使用koa时，依赖的请求是一个表达式。这个警告通常是由于webpack在解析模块依赖时遇到了动态导入的情况，而无法确定具体的模块路径。
在webpack中，模块的依赖关系是通过静态分析来确定的，即在编译时就能确定模块的依赖关系。但是当使用动态导入时，例如使用表达式来动态加载模块，webpack就无法在编译时确定具体的模块路径，因此会产生警告。
解决这个警告的方法有两种：
- 使用静态导入：如果可能的话，尽量使用静态导入来加载模块，而不是使用动态导入。静态导入可以在编译时确定模块的路径，避免了警告的产生。
- 使用webpack的magic comments：如果必须使用动态导入，可以通过给动态导入的语句添加webpack的magic comments来告诉webpack具体的模块路径。例如：
- 使用webpack的magic comments：如果必须使用动态导入，可以通过给动态导入的语句添加webpack的magic comments来告诉webpack具体的模块路径。例如：
- 这样webpack就能够正确地解析模块的路径，避免了警告的产生。
对于koa框架来说，它本身并不会直接导致这个警告的产生。警告的原因是在使用koa时，可能会使用一些中间件或插件，而这些中间件或插件可能使用了动态导入的方式来加载模块。因此，需要检查使用的中间件或插件是否存在动态导入的情况，并按照上述方法进行处理。
腾讯云相关产品中，推荐使用的是云函数SCF（Serverless Cloud Function）来部署和运行koa应用。云函数SCF是一种无服务器计算服务，可以根据实际请求量自动弹性伸缩，无需关心服务器的运维和扩展。您可以通过腾讯云云函数SCF官方文档了解更多信息：云函数SCF产品介绍。
相关·内容
1回答
如何在Typescript项目的整个动态导入和webpack块中使用类型？
typescript、firebase、webpack
我正在尝试在一个Typescript项目中懒惰地加载firebase，并希望让webpack将firebase放到一个单独的块中。代码是： let asyncFirestore: firebase.firestore.Firestore
export default async () => {
if (isNil(asyncFirestore)) {
asyncFirestore = await import(/* webpackChunkName: "chunk-firebase" */ 'firebase/app').then(
浏览 17提问于2020-01-16得票数 0
7回答
如何结合腾讯云开发微信小程序？
api、serverless、html5
目前，微信小程序越来越流行，而且功能越来越强大，在性能方面也越做越好。因为能够原生调用小程序提供的组件和 API ，小程序的开发快捷，使用方便，越来越多的产品会落地到微信小程序上。但传统的微信小程序开发，和普通的H5页面开发或者原生APP开发相比，只是改变了前端部分的开发方式，还是离不开厚重的后台开发。 现在的小程序，在后台服务方面，正在往 serverless 趋势方向发力。小程序提供了云厂商的无服务器函数 SCF，使得小程序无需搭建一个后台服务即可运行。如何结合腾讯云开发微信小程序？
浏览 3743提问于2018-09-28
1回答
webpack 2未能使用反应性路由器导入具有动态路径的文件。
webpack、react-router、webpack-2
我刚刚开始使用webpack，我使用的是带有动态页面加载程序的react路由器，并且想动态导入我的文件，但是在webpack中得到这个警告：
警告在./app/pages/ request es.js 35:6-44关键依赖项:依赖项的请求是一个表达式
下面是我的代码示例：
const routes = {
component: App,
childRoutes: [
{
path: '/',
getComponent (location, cb) {
System.import('./Home'
浏览 2提问于2017-03-16得票数 0
2回答
如何将Webpack中的代码与require.ensure分开用于生产？
webpack、commonjs
我使用Webpack和我想把我的客户端代码分成几个部分，并在用户需要的时候加载它们。
这是我的文件结构：
app.js <-- Entry point as introduced to Webpack
Module.js <-- To be loaded dynamically
app.js和Module.js之间没有直接连接，而是由第一个文件加载，如下所示：
require.ensure([], (require) => {
let path = "Module";
let module = require("./&
浏览 0提问于2016-05-14得票数 11
1回答
我得到了一个webpack警告的临界依赖:依赖的请求在使用koa时是一个表达式
webpack、koa
当我启动了使用koa和服务器端渲染绑定react应用程序的webpack时，我得到了一个警告 WARNING in /app/node_modules/any-promise/register.js 24:14-37
[1] Critical dependency: the request of a dependency is an expression
[1] @ /app/node_modules/any-promise/index.js
[1] @ /app/node_modules/koa-compose/index.js
[1] @ /app/node_modules/koa
浏览 29提问于2019-12-08得票数 5
回答已采纳
2回答
有没有办法从Webpack编译的模块(在运行时通过网络)加载AMD模块？
javascript、webpack、requirejs、amd、webpack-2
有没有办法从Webpack编译的模块(在运行时通过网络)加载AMD模块？
f.e.，我
import Blah from './Blah'
import AmdModule from './AmdModule'
其中，AmdModule是一个只有一个define()调用的AMD模块。我不想让webpack编译那个文件，我也不想webpack把它包含在包里。也许该文件在编译时甚至不存在，但将存在于资产服务器上。我希望该文件在运行时通过网络加载。
有什么办法让Webpack做那种事吗？我想也许可以用RequireJS导入该文件，但随后它破坏了Webpack模块，因为
浏览 6提问于2017-01-25得票数 8
回答已采纳
2回答
Webpack，babelrc动态导入无效
ecmascript-6、webpack-4、es6-modules、chunks、dynamic-import
我花了相当长的时间试图自己解决这个问题，但我在这里，除了向社区寻求一些指导之外，没有更多的选择需要考虑。
我试图在原则上做一些非常简单的事情，用WebPack动态导入组件，使用ES6模块和babelrc。
我有以下应用程序架构：
-root
- root/.webpack.dev.js
- root/.webpack.prod.js
-root/..babelrc
-根/Package.json
-根/节点_模块/
-根/区/区
- root/src/
- root/src/index.js
-根/src/模块/
-根/src/模块/module1.js
-根/src/模块/module2.
浏览 0提问于2019-08-27得票数 0
2回答
如何静态加载python模块(如scipy)？
python、numpy、scipy、cython、cpython
在正常情况下，外部python模块(如scipy和numpy )在安装时会被编译成共享对象(该部分是用C编写的)。当python调用import scipy时，它将动态加载这些共享对象。现在我在一个不支持任何动态加载功能的平台上工作。因此，我必须用python静态地链接这些模块。我目前的方法是用python编译scipy/numpy的所有源代码，并在python初始化时调用模块初始化函数。 Py_initializeEx(){
...
//init scipy modules statically
//below are scipy modules init func
浏览 12提问于2019-03-20得票数 1
回答已采纳
1回答
与Webpack一起导入时意外的未定义
javascript、reactjs、webpack
我有一个以前从未遇到过的问题:我正在用Webpack + Babel 7编写一个基本的入门浏览器web应用程序(与React)。我有三个不同的文件：
withAuth.js高阶分量
NavBar.js NavBar组件
Login.js登录表单
如果我在withAuth文件中导入NavBar自定义的withAuth组件，则一切正常，但如果在Login.js文件中导入withAuth组件，则返回undefined。
/** withAuth.js */
console.log('withAuth Loaded');
const withAuth = Chi
浏览 0提问于2019-06-29得票数 2
回答已采纳
1回答
ES6-模块-加载程序无法在角6中定位@角/核心
javascript、angular、es6-module-loader
我在一个es6-module-loader项目中使用了这个Angular 2，它非常适合在web浏览器中实时加载TypeScript模块。现在，我正在将这个项目升级到Angular 6，但是这里没有满足加载模块的imports的依赖关系。例如：
declare var SystemLoader:any;
export class DemoClass {
constructor() {
var source = "export class Foo { " +
"constructor() { console.log('Created the
浏览 2提问于2018-11-15得票数 17
3回答
webpack动态要求供应商模块
webpack
通常，对于静态需求或导入(CommonJS/ES导入)，webpack可以要求任何模块来自/node_ module /，例如：
var vendorModule = require('vendor-module');
但是，我希望动态地从/node_ module /类加载一个模块：
var vendorModuleId = 'vendor-module';
...
var vendorModule = require(vendorModuleId);
这不起作用，因为webpack无法在编译时确定依赖项，而且在包中包含所有/node_模块/显然是疯狂的，
浏览 0提问于2016-01-27得票数 7
1回答
一个Koa应用程序可以使用另一个Koa应用程序吗？
node.js、middleware、koa
正如问题所示，我在使用一个koa应用程序作为另一个中间件时遇到了困难。有了express，我们就可以做到：
const express = require('express');
const expressApp = express();
const otherExpressApp = express();
app.use(otherExpressApp);
同样的模式适用于connect。但是，它不适用于koa。
const koa = require(`koa`);
const koaApp = koa();
const otherKoaApp = koa();
app
浏览 2提问于2015-08-23得票数 0
回答已采纳
1回答
webpack dev服务器:查看任意目录文件并重新加载
webpack、webpack-dev-server、webpack-2
当一组指定的任意文件更改时，可以让webpack开发服务器重新加载吗？
与…有关的东西：
devServer: {
watchTheseFiles: [ 'path/to/files', 'path/to/more/files' ]
}
更糟的是，我可以指定要查看哪些文件的正则表达式吗？
当我触发任意文件中的某些更改(它们可能是.txt、.png，任何.)时，我都会这样做。
目前，contentBase中指定的路径似乎不会在文件更改时触发重新加载。
浏览 3提问于2017-06-25得票数 16
回答已采纳
当我的程序依赖于另一个库时，当我用静态或动态链接编译我的程序时，我应该同时指定这两个库吗？
当我用动态链接编译我的程序时，我应该在加载过程中同时找到这两个库吗？
谢谢。
浏览 1提问于2014-10-09得票数 0
1回答
如何使Webpack认识到动态出口
javascript、webpack、webpack-4
在使用Webpack v4 (对JS文件使用babel-loader )构建时，我看到了以下警告：
Warning in ./src/components/Foo
"export 'ADDENDUM' was not found in '../../types'
...
./src/components/Foo中的重要内容是：
import { ADDENDUM } from '../../types';
../类型
import { each } from 'lodash';
export const typesDic
浏览 0提问于2018-12-25得票数 2
1回答
使用webpack的热重载-带代理的服务(？)
webpack、hot-reload
我有一个提供REST API +静态内容的服务器。当以"/api“开头的调用被传递到REST API时，是否可以使用webpack服务来服务静态内容，并让它管理热重新加载？
我尝试通过使用代理并指定内容目录来设置它。这样，由于无法与磁盘上相应的API路径匹配，webpack-serve将回退到REST api。我可以在浏览器中获得API端点，所以代理可以工作，但是使用AJAX的POST:ing会得到404:ed。
我可以在终端中看到，我的源文件中的更改得到了处理，但它们不会传播，既不是热的，也不是在手动刷新时传播的( js包被用作磁盘中的静态内容，在磁盘中它保持不变)。会非常感谢你的指
浏览 0提问于2018-03-11得票数 3
3回答
TypeScript:只包含语句的导入模块
requirejs、typescript、amd
我有一个可以编译成page-a.js的page-a.ts
alert('this is from page-a');
我有一个可以编译成main.js的main.ts
import pageA = module('page-a')
alert('this is from main');
下面是我的tsc命令行：
tsc --module amd page-a.ts main.ts
我使用的requirejs是这样的：
<script src="require.js" data-main="main.js"&g
浏览 0提问于2013-05-09得票数 7
回答已采纳
5回答
如何静态地找到动态加载的模块？
python、module、loadmodule
如何从python脚本获得(查找)动态导入模块的位置？
因此，根据我的理解，python可以动态地(在运行时)加载模块。无论是使用_import_(module_name)，还是使用exec "from x import y"，都可以使用imp.find_module("module_name")，然后使用imp.load_module(param1、param2、param3、param4)。
知道我想获取python文件的所有依赖项。这将包括获得(至少我尝试过)动态加载的模块，这些模块要么使用硬编码字符串对象加载，要么使用函数/方法返回的模块。
对于普通的、
浏览 12提问于2011-09-16得票数 2
1回答
从NUXT布局中的“资产”目录加载css文件
node.js、vue.js、vuejs2、nuxt.js
在nuxt布局(default.vue)中，我希望从资产文件夹中成功加载图像和css文件，但是css文件没有加载，为什么？
/布局/default.vue
<template>
<img src="~assets/photo.jpg" />
<!-- converted to /_nuxt/assets/photo.jpg and loaded successfully -->
</template>
<script>
export default{
head:{
link: [ { rel: 's
浏览 0提问于2018-12-11得票数 0
回答已采纳
3回答
Webpack导入代码拆分渲染<undefined>
javascript、reactjs、webpack、preact
我正在尝试做一个基于组件的代码拆分。3. Webpack
loadDecisions = async () => {
if (!this.TmplDecisions) {
this.TmplDecisions = await import(
/* webpackChunkName: "chunk-templates-decisions" */ 'src/components/decisions'
);
}
return this.TmplDecisions;
}
rende
浏览 0提问于2019-01-18得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
