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;
}
};
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…