SCSS broke after build

In Develop (yarn electron:serve):

<style scoped lang="scss">
.operate-btn-wrapper{
    position: absolute;
    top: 0;
    width: 100%;
    height: 70px;
    background-color: white;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: ease-in-out 0.3s;
}

.operate-btn-wrapper:hover{
    opacity: 30%;
}
</style>

After Build (yarn electron:serve)

Issue:

It change my .operate-btn-wrapper:hover style: opacity 30% to 1% … dumb.

and l’v tried change opacity to width or height and… it works… actually all hover opacity will auto change to 1% after build so… idk what happened with opacity ??

evnInfo:

  System:
    OS: Windows 10 10.0.18362
    CPU: (8) x64 Intel(R) Core(TM) i7-6700K CPU @ 4.00GHz
  Binaries:
    Node: 14.7.0 - E:\nodejs\node.EXE
    Yarn: 1.22.4 - E:\Yarn\bin\yarn.CMD
    npm: 6.14.7 - E:\nodejs\npm.CMD
  Browsers:
    Chrome: 85.0.4183.83
    Edge: Spartan (44.18362.449.0)
  npmPackages:
    electron-builder  version=22.8.0

    @vue/babel-helper-vue-jsx-merge-props:  1.0.0
    @vue/babel-plugin-transform-vue-jsx:  1.1.2
    @vue/babel-preset-app:  4.4.6
    @vue/babel-preset-jsx:  1.1.2
    @vue/babel-sugar-functional-vue:  1.1.2
    @vue/babel-sugar-inject-h:  1.1.2
    @vue/babel-sugar-v-model:  1.1.2
    @vue/babel-sugar-v-on:  1.1.2
    @vue/cli-overlay:  4.4.6
    @vue/cli-plugin-babel: ~4.4.0 => 4.4.6
    @vue/cli-plugin-eslint: ~4.4.0 => 4.4.6
    @vue/cli-plugin-router:  4.4.6
    @vue/cli-plugin-vuex: ~4.4.0 => 4.4.6
    @vue/cli-service: ~4.4.0 => 4.4.6
    @vue/cli-shared-utils:  4.4.6
    @vue/component-compiler-utils:  3.2.0
    @vue/preload-webpack-plugin:  1.1.2
    @vue/web-component-wrapper:  1.2.0
    eslint-plugin-vue: ^6.2.2 => 6.2.2
    vue: ^2.6.12 => 2.6.12
    vue-cli-plugin-electron-builder: ~2.0.0-rc.4 => 2.0.0-rc.4
    vue-color: ^2.7.1 => 2.7.1
    vue-eslint-parser:  7.1.0
    vue-hot-reload-api:  2.3.4
    vue-js-modal: ^2.0.0-rc.6 => 2.0.0-rc.6
    vue-loader:  15.9.3
    vue-notification: ^1.3.20 => 1.3.20
    vue-style-loader:  4.1.2
    vue-template-compiler: ^2.6.12 => 2.6.12
    vue-template-es2015-compiler:  1.9.1
    vuedraggable: ^2.24.1 => 2.24.1
    vuex: ^3.4.0 => 3.5.1

[nklayman]

You should probably open an issue on the vue-cli repo then, as it appears the issue doesn’t relate to this plugin.

[Proladon]

Can you test this in a non-electron build/serve? Seems like it’d be an issue with vue cli rather than this plugin.

Sorry for late reply . I’v tested today, and yes, as you said, seems like it’d be an issue with vue cli. fine when yarn serve but auto change opacity to 1% when yarn build.