dynamic-import相关内容

带有 React 16.6 Suspense 的 React Router “提供给 `Route` 的类型为 `object` 的无效道具 `component`,预期为 `function`."

我正在使用带有 react-router (4.3.1) 的最新版 React (16.6) 并尝试使用 React.Suspense 进行代码拆分. 虽然我的路由正在工作并且代码确实分成了几个动态加载的包,但我收到了一个关于不返回函数的警告,而是一个对象到 Route.我的代码: import React, { lazy, Suspense } from 'react';import { ..

Python - 创建一个运行编写的代码的 EXE,而不是编译时的代码

我正在制作一个设计为模块化的 pygame 程序.我正在用文件 main.py 的 pygame2exe 构建一个 exe,它基本上只是导入真正的主游戏并运行它.我希望的是一种可以从 EXE 执行 Python 脚本的启动器,而不是包含所有不可变文件的单个程序. 解决这个问题的最佳方法是什么?我曾尝试使用 imp 在运行时动态导入所有模块,而不是隐式导入它们,但这似乎破坏了对象继承. ..
发布时间:2022-01-02 10:46:23 Python

如何在 React 中动态导入图像?

在网上看到了几个答案,但没有明确的解释,解决方案也不起作用.所以这就是我想要做的: 我有一个包含 MANY 图像(数千张)的文件夹 - 目前它保存在 src/assets/images 文件夹下 给定一个图像列表作为输入,我想动态渲染这些图像.并且不要全部导入,因为考虑到疯狂的图像数量这是不可能的 这是我目前的实现方式(不起作用): //例如const imageList = [' ..
发布时间:2021-12-15 15:33:34 前端开发

Angular 9 使用动态路由动态导入模块

我想从后端服务动态导入带有可变字符串路由的角度模块.例如,我的后端服务在应用启动时向我发送此响应(使用 APP_INITIALIZER). {“主机名":“租户",“模块":{“家": {"class": "HomeAModule","path": "home-a.module",},},}, 我的应用结构是: 所以我想导入这样的模块 const path = `./tenants/$ ..
发布时间:2021-11-08 23:51:33 其他开发

动态导入被添加到 webpack 包中

我想在某个条件下导入一个模块,所以我通过动态导入语法来做: if (showModal) {import('fancy-modal').then(({ initModal }) => {initModal();});} 这有效,但无论 showModal 的值是什么,它都会将“fancy-modal"库代码添加到 webpack 包中. 我认为动态导入只会在条件为真时加载库,为什么 w ..
发布时间:2021-09-23 19:11:13 前端开发

与表达式一起使用时,webpack 中的动态导入如何工作?

当你使用这样的东西时,捆绑是如何发生的: const module = import(`folder1/${someExpression}`); 我的意思是,当你向它传递一个纯字符串时,我确实理解,但是 webpack 如何理解所有可能的结果? 这是一个好模式吗? 它是否捆绑了该文件夹中的所有文件? 如果是这样,它将它们全部捆绑在一起并递归执行? 解决方案 所以,我遇到了这个 问 ..
发布时间:2021-09-23 18:52:50 前端开发

尝试在另一个目录中导入组件时,动态导入反应不起作用

大家好,我一直在尝试动态导入来为使用 CRA (create-react-app) 创建的应用程序渲染我的组件,虽然它在某些情况下运行良好,但对于某些情况,它返回一个无法加载模块的错误,例如我在我的 index.js 中动态加载了一个组件(放置在 src 下的目录中),它工作正常,但是当我尝试使用动态导入方法在其中呈现子组件或嵌套组件时,它会出错无法加载模块.请注意,仅当嵌套组件放置在原始父组件的 ..
发布时间:2021-07-03 20:04:16 其他开发

使用变量反应动态导入不起作用

使用React,谁能解释我为什么使用变量时动态导入失败? //不起作用让模块="./DynamicComponent";import(module).then(ModuleLoaded => {}) //可以import("./DynamicComponent").then(ModuleLoaded => {}) 我尝试刷新浏览器缓存,但没有任何变化. 解决方案 根据webpac ..
发布时间:2021-05-19 19:42:31 前端开发

如何在React中动态导入图像?

已经在网上看到了几个答案,但是没有明确的解释,解决方案也无效.所以这就是我想要做的: 我有一个包含许多图像(以千计)的文件夹-当前它保存在 src/assets/images 文件夹下 给出一个图像列表作为输入,我想动态渲染这些图像.而不是全部导入,因为鉴于图片数量如此之高,这是不可能的 这是我当前的实现方式(无效): //例如const imageList = ['img1',' ..
发布时间:2021-05-19 19:32:56 前端开发

如何在动态导入中使用类型?

我正在将动态导入与Angular 7结合使用,以减小初始供应商捆绑包的大小. import('xlsx').then(XLSX => {const wb:XLSX.WorkBook = XLSX.read(bstr,{type:'binary'});}) 但是 XLSX.WorkBook 类型上出现错误,提示“找不到命名空间XLSX". XLSX.read可以正常工作. 问题:使用 ..
发布时间:2021-04-06 19:19:51 其他开发

错误解决模块说明符:从API动态导入时做出反应

我正在尝试从API动态导入react组件库. js文件已成功获取.通天塔的移植也成功地发生了.如果我像import Dummy from './components/js/Dummy.js'这样从本地动态导入Dummy.js文件,它将起作用.但是,API导入失败,并出现以下错误.懒惰的反应也会发生相同的错误.我基本上想动态加载lib并将事件发布到它.我是新手,可以响应并进行前端开发.如果这太傻,请 ..
发布时间:2020-06-13 18:38:51 其他开发

动态导入且未捆绑文件

我有一个与Webpack捆绑在一起的React项目. 我有一个组件,希望它可以动态呈现组件.就我而言,组件的路径来自props. 此外,这些组件未捆绑在我的项目.js文件中;它们是外部的React组件/库. 我尝试了动态ES6导入: componentWillReceiveProps(nextProps){ if(nextProps.pagesData && thi ..
发布时间:2020-06-13 18:38:43 前端开发

从react-loadable命名webpack块

我已经在项目中成功添加了react-loadable库来启用代码拆分,我发现的唯一问题是webpack生成的块没有命名,而是被赋予了整数名称. 我的可用于响应加载的代码是 const AppRootLoadable = Loadable({ loader: () => import(/* webpackChunkName: "app" */ './App'), loading: ..
发布时间:2020-06-13 18:38:41 其他开发