当前位置: 首页 > 知识库问答 >
问题:

汇总类型脚本将图像加载为base64

郁权
2023-03-14

尝试使用汇总预加载图像时遇到问题。所有应该有用的废话都没有,不知道为什么。有人设法让它工作了吗?这是我的汇总表。康吉格。js:

import image from 'rollup-plugin-image'
...
plugins: [
        image(),
        json(),
        resolve(),
        commonjs(),
        typescript({
            typescript: require('typescript'),
        }),
        (process.env.BUILD === 'production' ? terser() : {})

以下是我在资料来源中得到的信息:

import CAR_IMAGE from "../resources/expand.png";

最后,我从rtp2插件中得到一个错误,它说:

语义错误TS 2307,找不到模块“./resources/expand.png”

奇怪的是,我得到了其他各种图像加载插件的汇总相同。路径是正确的,图像就在那里。我已经为这个错误发疯了=((

更新:以下是可复制此错误的存储库:

https://github.com/AntonPilyak/rollup-image-bug

更新2:创建了错误:

https://github.com/rollup/rollup-plugin-url/issues/22

https://github.com/alwaysonlinetxm/rollup-plugin-img/issues/5

https://github.com/rollup/rollup-plugin-image/issues/10

怎么会这么糟糕=(((

暂时还没有答案

 类似资料:
  • 本文向大家介绍js实现动态加载脚本的方法实例汇总,包括了js实现动态加载脚本的方法实例汇总的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现动态加载脚本的方法。分享给大家供大家参考,具体如下: 最近公司的前端地图产品需要做一下模块划分,希望用户用到哪一块的功能再加载哪一块的模块,这样可以提高用户体验。 所以到处查资料研究js动态脚本的加载,不过真让人伤心啊!,网上几乎都是同一篇文章,

  • 问题内容: 我想从CDN加载脚本,然后在React中执行该脚本公开的功能: 该脚本有时需要花费一些时间(通常是第一次)加载,并且何时调用“ foo”不可用,并且出现如下错误: TypeError:无法读取未定义的属性“ render” 如何确保脚本成功加载后调用? 问题答案: 根据React Component Specs和Lifecycle的说法,我认为在componentWillMount()

  • 我试着把我的头绕到相对较新的img属性“加载”上。 我知道,如果img具有load=“lazy”属性,那么它会告诉支持该属性的浏览器,在接近视口时可以加载该属性。 那么为什么不总是设置loading=“lazy”?那些立即出现在屏幕上的图像无论如何都会被渲染,因为它们已经在视口中了。因此,在这种情况下,基本上忽略了load=“lazy”。 在这个演示https://mathiasbynens.be

  • 我想在对话框窗口中显示图像(保存在项目文件夹中),但当我运行我的方法showDialogWithImage时,我会得到文件NotFoundException:imgs\pic1。jpg(系统无法找到指定的文件),尽管图像位于那里。 我也尝试过以这种方式加载图像: Image=new Image(getClass(). getResourceAsStream(path));,但遇到了同样的问题。 是

  • 问题内容: 我想在对话框窗口中显示图像(保存在项目文件夹中),但是当我运行方法showDialogWithImage时,我得到FileNotFoundExcpetion:imgs \ pic1.jpg(系统找不到指定的文件),尽管图像位于此处。 我也尝试过以这种方式加载图像: Image image = new Image(getClass()。getResourceAsStream(path))

  • 我无法将scss文件中的图像路径用作具有汇总包的背景 我的汇总配置如下所示。 我试图在scss中添加一个图像路径。 图像路径正在浏览器中添加,但汇总不服务于资源文件夹。附加的斯克雷森霍特 图像应该以圆圈筹码(红色)显示。 我是否在汇总配置中遗漏了任何内容或scss图像使用错误?提前感谢