标签: loader

边框和标题显示图像加载在Firefox中

我有一个firefox的问题.在我的网站上我有很多图片.当我在Firefox中浏览页面时,在加载图像时可以看到边框和图像标题.完成下载后,此边框/标题将消失并替换为图像.

这只发生在firefox中.Chrome和其他浏览器加载的图片没有任何边框和标题,看起来更"干净".用语言来说,这些由firefox生成的边框很难看.

我可以删除它,用装载机或类似的东西替换?我尝试使用background-image添加css loader:url()...认为这些边框不可见,但是,它们仍然存在.

像pinterest,dribbble和其他网站如何提供图像而不在Firefox中生成边框?

谢谢

加载图像时Firefox中的边框

javascript css loader

10
推荐指数
1
解决办法
2406
查看次数

更改jspm_packages位置

有没有.bowerrc等价的jspm?当我运行时jspm install,我希望jspm将软件包安装到client/jspm_packages文件夹中.

如何配置jspm来更改jspm_packages文件夹的位置?

谢谢

loader ecmascript-6 jspm

10
推荐指数
1
解决办法
1392
查看次数

如何使用webpack直接在我的React组件中加载SVG?

我想NextButton使用webpack 直接在我的组件中渲染一个材质设计图标.这是我的代码的相关部分:

var NextIcon = require('material-design-icons/navigation/svg/production/ic_chevron_right_18px.svg');

var NextButton = React.createClass({
  render: function() {
    return (
      <Link to={this.props.target} className='button--next'>
        {this.props.label} {NextIcon}
      </Link>
    )
  }
});
Run Code Online (Sandbox Code Playgroud)

但这不符合我的想法.它似乎将svg输出为字符串,而不是元素.

我已经尝试使用raw-loader,img-loader,url-loader,file-loadersvg-loader,但我不能找到正确的方式来做到这一点.

icons svg loader reactjs webpack

10
推荐指数
1
解决办法
1万
查看次数

反应中的全局屏幕加载器

我正在寻找在反应中使用全局屏幕加载器的解决方案。

我不太熟悉反应上下文,但我想知道这是否可以帮助我。基本上我正在介绍一个屏幕加载器,我想也许最好的方法是在主要组件中的某个地方有一个全局加载器。所以得出结论:

  • 我想在主要组件中有全局加载器
  • 我想在应用程序中任意位置更新全局加载程序的状态
  • 我不想用 ScreenLoaders 污染我需要使用它的所有组件
  • 我想用钩子来实现它

那么有没有一种方法可以拥有 loader/loaderText 的全局状态,并在需要时使用上下文进行设置和重置?

如果有一种简单的方法可以做到这一点,那么您认为使用这种解决方案可能有任何缺点吗?也许这有点过分了。

frontend loader reactjs react-context use-context

10
推荐指数
2
解决办法
2万
查看次数

Vue 加载器 17.0.0 + Webpack 5.74.0 - 模块构建失败

我正在尝试将 vue-loader 与我的 SPA VUE 应用程序一起使用,但出现以下错误。

ERROR in ./app2.vue
Module build failed (from ./node_modules/vue-loader/dist/index.js):
TypeError: Cannot read properties of undefined (reading 'styles')
    at Object.loader (/Users/daniel.bachnov/docker/qhs3-admin/frontend/node_modules/vue-loader/dist/index.js:70:34)
 @ ./main.js 1:0-29 14:8-11

webpack 5.74.0 compiled with 1 error and 3 warnings in 3312 ms
Run Code Online (Sandbox Code Playgroud)

为了消除应用程序代码噪音,我创建了非常简单的组件app2.vue:并尝试将其连接到我的main.js入口点文件。

<script>
export default {
  data() {
    return {
      count: 0
    }
  }
}
</script>

<template>
  <button @click="count++">You clicked me {{ count }} times.</button>
</template>
Run Code Online (Sandbox Code Playgroud)

main.js

import App from './app2.vue';
import Router from './router/router.js';
import …
Run Code Online (Sandbox Code Playgroud)

javascript loader webpack vue.js vue-loader

10
推荐指数
2
解决办法
1万
查看次数

如果Java JVM只使用一个类,那么它是否会加载整个jar或ear?

让我们假装你有一个3 Gb jar文件,你的应用程序只使用一个小类.JVM是将整个jar文件加载到内存中还是读取目录并仅加载它需要的部分?这种行为是否可控?

java class loader

9
推荐指数
1
解决办法
4050
查看次数

Adobe Flash Builder(flex4):addChild()在此类中不可用.

我想将swf加载到flex 4应用程序中以便使用它的类.

var ldr:Loader=new Loader();
ldr.load(new URLRequest("file://path/to/fileswf"));
ldr.contentLoaderInfo.addEventListener(Event.INIT, loaded);
function loaded(evt:Event):void { addChild(ldr); }
Run Code Online (Sandbox Code Playgroud)

我收到错误:

错误:此类中没有addChild().相反,如果你有皮肤,请使用addElement()或修改皮肤.

主要/私有的spark.components.supportClasses :: SkinnableComponent/addChild()[E:\ dev\gumbo_beta2\frameworks\projects\spark\src\spark\components\supportClasses\SkinnableComponent.as:966]:init/loaded( )[C:\ Documents and Settings\ufk\Adob​​e Flash Builder Beta 2\xpogames-toolkit-test\src\main.mxml:22]

如果我addChild()改为addElement(),我收到以下编译错误:

1067:flash.display类型值的隐式强制:对不相关类型的加载器mx.core:IVisualElement.main.mxml path/dir line 22 Flex问题

有任何想法如何解决这个问题?

apache-flex loader addchild flash-builder flex4

9
推荐指数
2
解决办法
2万
查看次数

webpack html-loader没有用Angular app中的require语句替换src属性

我一直在努力学习角度.我有一个测试项目,我按照本教程设置:

http://shmck.com/webpack-angular-part-1/

我一直在尝试增加它来使用html-loader来解析我的html文件,并在编译后用require替换我的img标签上的src.没运气.我可以让scss加载器将图像的上下文更改为它.我还可以要求控制器中的图像供我查看.但是,如果我只是将img标签的src属性与相对url一起保留,它什么都不做.

这是webpack.config中的我的加载器:

loaders: 
[
    {
        test: /\.scss$/,
        loader: 'style!css!sass'
    },
    {
        test: /\.js$/,
        loader: 'ng-annotate!babel!jshint',
        exclude: /node_modules|bower_components/
    },
    {
        test: /\.html$/,
        loader: "html-loader"
    },
    {
        test: /\.json/,
        loader: 'json'
     },
    //not sure if this is still needed
    {
        test: /\.jpe?g$|\.gif$|\.png$/i, loader: "url-loader"
    }
]
Run Code Online (Sandbox Code Playgroud)

这是我的低html img标签:

<img src="./darthvader.jpg">
Run Code Online (Sandbox Code Playgroud)

尝试重构具有大量内联img标记的现有站点并将其用作测试.

image loader src webpack

9
推荐指数
1
解决办法
3922
查看次数

电子加载动画

有人可以帮我为我的Electron应用程序实现加载动画吗?我正在学习这项新技术,了解正确的方法是很好的.

我想的是:

app.on('ready', () => {
     // show main content
})

app.on('not-ready', () => {
     // show loading animation
})
Run Code Online (Sandbox Code Playgroud)

animation loader node.js electron

9
推荐指数
1
解决办法
1万
查看次数

如何在不保留每种文件类型的加载器的情况下,通过Webpack对文件运行任意bash脚本?

似乎Webpack运行的工具通过"加载器"转换代码,而不是直接使用这些工具的API.这为这些工具添加了一个抽象层,这有时意味着工具的API没有完全公开,或者工具的更新需要时间在加载器中更新.这是对问题的更详细描述.

我用Grunt/gulp遇到了这个问题,最后放弃那些转而直接用我通过npm运行的bash脚本转换我的源代码.是否有可能与Webpack做同样的事情?如果是这样,怎么样?

loader webpack webpack-2 webpack-loader

8
推荐指数
1
解决办法
199
查看次数