vue.js - TypeError: Cannot read property dark of undefined

Question

Event in the 2020, I'm still seeing this error

TypeError: Cannot read property 'dark' of undefined

"@nuxtjs/vuetify": "^1.11.2"

"sass": "^1.32.0",

"sass-loader": "^10.1.0",

"vuetify": "^2.2.34" (downgraded from 2.4 just testing purpose)

//Loging.stories.js

import Index from "../pages/index.vue";
import Vue from "vue";
import Vuetify from "vuetify";
import "vuetify/dist/vuetify.min.css";

Vue.use(Vuetify);

const opts = {};

export default {
  title: "Login",
  component: Index,
  decorators: [() => ({ template: "<v-app><story/></v-app>" })]
};

const Template = (args, { argTypes }) => ({
  components: { Index },
  template: "<Index />"
});

export const Form = Template.bind({});

.storybook/main.js

const path = require("path");

module.exports = {
  stories: [
    "../stories/**/*.stories.mdx",
    "../stories/**/*.stories.@(js|jsx|ts|tsx)"
  ],
  addons: ["@storybook/addon-links", "@storybook/addon-essentials"],
  webpackFinal: async (config, { configType }) => {
    config.module.rules.push({
      test: /.s(c|a)ss$/,
      use: ["style-loader", "css-loader", "sass-loader"],
      include: path.resolve(__dirname, "../")
    });
    // Return the altered config
    return config;
  }
};

Answer 1

等待大神答复