storybook 【Vuetify】TypeError: 无法读取未定义的属性 'styles'

1hdlvixo  于 3个月前  发布在  其他
关注(0)|答案(2)|浏览(29)

描述错误

yarn storybook 报告了一个错误:

ModuleBuildError: Module build failed (from ./node_modules/vue-loader/dist/index.js):
TypeError: Cannot read property 'styles' of undefined

重现问题

https://github.com/codthing-bug/vuetify-sb-setupbug.git

系统信息

Environment Info:

  System:
    OS: Windows 10 10.0.22000
    CPU: (12) x64 Intel(R) Core(TM) i5-10500 CPU @ 3.10GHz
  Binaries:
    Node: 14.18.3 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.19 - ~\AppData\Roaming\npm\yarn.CMD
    npm: 6.14.15 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.22000.120.0), Chromium (104.0.1293.47)
  npmPackages:
    @storybook/addon-actions: ^6.5.10 => 6.5.10
    @storybook/addon-essentials: ^6.5.10 => 6.5.10
    @storybook/addon-interactions: ^6.5.10 => 6.5.10
    @storybook/addon-links: ^6.5.10 => 6.5.10
    @storybook/builder-webpack5: ^6.5.10 => 6.5.10
    @storybook/manager-webpack5: ^6.5.10 => 6.5.10
    @storybook/testing-library: ^0.0.13 => 0.0.13
    @storybook/vue: ^6.5.10 => 6.5.10

附加上下文

yyhrrdl8

yyhrrdl81#

在6.5.10版本的vue2中也遇到了这个问题,在6.5.9版本中可以正常工作。在这个仓库中没有使用vuetify。

对我来说,这是一个vue-loader依赖不匹配的问题。
我需要将以下内容添加到我的package.json文件中(使用vue2)

"resolutions": {
    "vue-loader": "^15.10.0"
  }
b4wnujal

b4wnujal2#

在6.5.10版本的vue2中也遇到了这个问题,在6.5.9版本中可以正常工作。在这个仓库中没有使用vuetify。

对我来说,这是一个由于vue-loader依赖不匹配的问题。
我需要在我的package.json文件中添加以下内容(使用vue2)

"resolutions": {
    "vue-loader": "^15.10.0"
  }

@fazulk 我会尝试一下,谢谢fazulk

相关问题