尝试将 Vuetify 添加到故事书 Vue.js（无法解析“@/plugins/vuetify”）

Question

我正在尝试将 Vuetify 集成到我的故事书中，但出现错误。 它找不到插件文件。

我尝试按照本教程进行操作： https : //github.com/nidkil/vuetify-with-storybook

ERROR in ./.storybook/config.js
Module not found: Error: Can't resolve '@/plugins/vuetify' in '[...]\app\.storybook'
  @ ./.storybook/config.js 11: 0-27
  @ multi ./node_modules/@storybook/core/dist/server/common/polyfills.js ./node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack) - hot middleware / Client.js? reload = true & quiet = true

代码源位于： https : //github.com/TheSkay/skay.photography-front-end/tree/landing-page-template

app/src/plugins/vuetify.js : https://github.com/TheSkay/skay.photography-front-end/blob/landing-page-template/app/src/plugins/vuetify.js

app/.storybook/config.js : https://github.com/TheSkay/skay.photography-front-end/blob/landing-page-template/app/.storybook/config.js

app/.storybook/webpack.config.js : https://github.com/TheSkay/skay.photography-front-end/blob/landing-page-template/app/.storybook/webpack.config.js

app/src/plugins/vuetify.js : https://github.com/TheSkay/skay.photography-front-end/blob/landing-page-template/app/src/plugins/vuetify.js

我试图通过遵循一些教程和 Stack Overflow 帖子来解决问题，但我做不到。

谢谢！

Answer 1

最后我成功了，通过启动视图ui（终端中的“vue ui”），从界面安装插件“view-cli-plugin-vuetify-storybook”。 安装后，我添加“js-beautify”模块（“npm install --save js-beautify”）。 等等！ :D