Electron-vue: global scss throw error

Created on 8 Apr 2019  ·  8Comments  ·  Source: SimulatedGREG/electron-vue

When i use global scss https://github.com/SimulatedGREG/electron-vue/blob/master/docs/en/using_pre-processors.md.

微信截图_20190408201501

But it still throw error
image

  • Node version: 10.15.1
  • NPM version: 6.4.1
  • vue-cli version: 2.9.6
    *node-loader version: 0.6.0
  • node-sass version: 4.9.2
    *sass-loader version: 7.0.3
    *style-loader version : 0.21.0
    *vue-loader version: 15.2.4
  • Operating System: win10

In addition: When I give up using the global scss variable to work properly, I comment vue-loader option config, it actually runs scss as well

image

image

Most helpful comment

  {
    test: /\.scss$/,
    use: ['vue-style-loader', 'css-loader', 'sass-loader?data=@import "./src/renderer/assets/style/globals";']
  },

All 8 comments

me too

  {
    test: /\.scss$/,
    use: ['vue-style-loader', 'css-loader', 'sass-loader?data=@import "./src/renderer/assets/style/globals";']
  },

我也遇到了这个问题,大佬解决了么?

我也遇到了这个问题,大佬解决了么?

No 🙃

{ loader: 'sass-loader', options: { data: '@import "./src/renderer/globals";' } }
你那个sass-loader用这个替换试试

  {
    test: /\.scss$/,
    use: ['vue-style-loader', 'css-loader', 'sass-loader?data=@import "./src/renderer/assets/style/globals";']
  },

这个可以

I tried every recommanded fix, doesn't work either for me.
Might be a windows issue I guess...

  {
    test: /\.scss$/,
    use: ['vue-style-loader', 'css-loader', 'sass-loader?data=@import "./src/renderer/assets/style/globals";']
  },

well down🤘

Was this page helpful?
0 / 5 - 0 ratings