如何解决 NuxtJS 和 Vuetify 2.0 之间的 scss 冲突

我正在尝试升级现有的 NuxtJs 项目以使用新的 vuetify 2.0 版。NuxtJS 使用“node-sass”包来处理正在使用的 sass/scss 文件。Vuetify 2.0 依赖于包 'sass' 并要求不存在 'node-sass' 包以免发生冲突。

我已经尝试删除包 'node-sass' 和无数其他可能的配置。通过使用包“@nuxtjs/style-resources”，问题变得更加复杂，该包用于将 scss 文件暴露给组件。这个包似乎正在利用不需要的“node-sass”，没有明显的选项可以绕过它。最接近我得到的工作结果是通过声明一个自定义加载器，如下所示https://codesandbox.io/s/kk70v7217

nuxt.config.js：

    import Fiber from "fibers";
    import Sass from "sass";

    const customSass = {
      implementation: Sass,
      fiber: Fiber
    };

...

    build: {
        loaders: {
          scss: customSass
        }
      }

不使用“@nuxtjs/style-resources”时，scss 文件似乎已加载，但未暴露给 vuetify 组件，在每个变量出现时都会出现“未定义变量 $accent-color”错误。当对要公开的文件使用“@nuxtjs/style-resources”时，它坚持寻找不需要的“node-sass”。

有没有办法在使用 vuetify 2.0 和 nuxtjs 和 style-resources 时入不敷出？