Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

vue-config.js backgroundImage not show in safari

See original GitHub issue

Version

4.5.0

Reproduction link

https://codesandbox.io/s/zealous-shtern-gl4th?file=/src/App.vue

Environment info

Environment Info:

  System:
    OS: Windows 10 10.0.18362
    CPU: (8) x64 Intel(R) Core(TM) i7-8565U CPU @ 1.80GHz
  Binaries:
    Node: 12.14.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.4 - ~\AppData\Roaming\npm\yarn.CMD
    npm: 6.13.4 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: 86.0.4240.111
    Edge: Spartan (44.18362.449.0)
  npmPackages:
    @vue/babel-helper-vue-jsx-merge-props:  1.2.1
    @vue/babel-helper-vue-transform-on:  1.0.0-rc.2
    @vue/babel-plugin-jsx:  1.0.0-rc.3
    @vue/babel-plugin-transform-vue-jsx:  1.2.1
    @vue/babel-preset-app:  4.5.8
    @vue/babel-preset-jsx:  1.2.3
    @vue/babel-sugar-composition-api-inject-h:  1.2.1
    @vue/babel-sugar-composition-api-render-instance:  1.2.1
    @vue/babel-sugar-functional-vue:  1.2.2
    @vue/babel-sugar-inject-h:  1.2.2
    @vue/babel-sugar-v-model:  1.2.3
    @vue/babel-sugar-v-on:  1.2.3
    @vue/cli-overlay:  4.5.8
    @vue/cli-plugin-babel: ~4.5.0 => 4.5.8
    @vue/cli-plugin-eslint: ~4.5.0 => 4.5.8
    @vue/cli-plugin-router:  4.5.8
    @vue/cli-plugin-vuex:  4.5.8
    @vue/cli-service: ~4.5.0 => 4.5.8
    @vue/cli-shared-utils:  4.5.8
    @vue/compiler-core:  3.0.2
    @vue/compiler-dom:  3.0.2
    @vue/compiler-sfc: ^3.0.0 => 3.0.2
    @vue/compiler-ssr:  3.0.2
    @vue/component-compiler-utils:  3.2.0
    @vue/preload-webpack-plugin:  1.1.2
    @vue/reactivity:  3.0.2
    @vue/runtime-core:  3.0.2
    @vue/runtime-dom:  3.0.2
    @vue/shared:  3.0.2
    @vue/web-component-wrapper:  1.2.0
    eslint-plugin-vue: ^7.0.0-0 => 7.1.0
    vue: ^3.0.0 => 3.0.2
    vue-eslint-parser:  7.1.1
    vue-hot-reload-api:  2.3.4
    vue-loader:  15.9.3 (16.0.0-beta.8)
    vue-style-loader:  4.1.2
    vue-template-es2015-compiler:  1.9.1
  npmGlobalPackages:
    @vue/cli: Not Found

Steps to reproduce

when i put my code in codesandbox not find background-image plz help us why not show

What is expected?

show backgroundImage

What is actually happening?

not show

Issue Analytics

State:
Created 3 years ago
Comments:12 (6 by maintainers)

Top GitHub Comments

1reaction

sodateacommented, Oct 24, 2020

It’s 00:18 a.m. on Sunday and I can’t believe I’m actually sitting in front of a computer answering such a rude question.

1reaction

sodateacommented, Oct 24, 2020

Remove the webp option of image-webpack-loader

Top Results From Across the Web

Background image not showing in Safari - Stack Overflow

Safari has an apparent bug where it won't show some jpg/JPEG images of a certain type in backgrounds if some criteria are met....

vue.config.js config image-webpack-loader and also use css ...

vue.config.js config image-webpack-loader and also use css.extract but will let image not show in safari #5996.

How to do blended-in, lazy loaded images in Vue.js - Medium

Lazy loading of the image by calling a method in mounted. So far so good. But in order to load the image in...

Common mistakes to avoid while working with Vue.js

Looking for a front-end framework to try out, I started with React and then tried Vue.js. Unfortunately, I encountered a lot of issues...

Vue Bootstrap 5 Background Image - examples & tutorial

Setting a background image in Bootstrap can seem troublesome, especially for novice web developers. ... However, despite this, our picture does not appear....