Vue.js 无法在Storybook中使用@解析Vue组件

我已经设置了一个新的vue项目，并将故事书添加到该项目中。当我有使用@/components路径的组件时，它无法正确运行

Can't resolve '@/components/EntityGrid/EntityGrid.Component.vue'

我尝试了多个webpack.config.js，但没有成功。修复此问题最简单的webpack.config.js是什么

---

这是在没有webpack.config.js的默认配置下发生的。

我不知道问题的原因是什么，但这是我正在使用的vue.config.js

---

忽略所有你不需要的东西

我通过在.storybook/main.js中添加以下内容来解决这个问题

const path=requirepath； module.exports={ 故事：['./../src/***.stories.js | jsx | ts | tsx | mdx']， ... WebPackageFinal:async配置=>{ config.resolve.alias={ …config.resolve.alias， @：path.resolve\uuu dirname，../src/， }; //如果你在做打字脚本，就留着这个 //config.resolve.extensions.push.ts、.tsx； 返回配置； }, } 以下是一些有用的链接，有助于提供进一步的上下文：

-为您提供有关如何配置Web包配置的第一条线索 然后 Github中的一个问题提供了最后一块拼图

---

请显示到目前为止您拥有的配置以及这些配置是什么样子的，并且在项目或故事书中两者都应该是什么？在添加没有自定义网页包或vue配置的故事书之后，我只使用标准vue新项目遇到了这个问题。我正在尝试获取所需的基本配置。

const path = require('path')

module.exports = {
    chainWebpack: config => {
        config.module
            .rule("i18n")
            .resourceQuery(/blockType=i18n/)
            .type('javascript/auto')
            .use("i18n")
            .loader("@kazupon/vue-i18n-loader")
            .end();
    },
    configureWebpack: {
        resolve: {
            extensions: ['.js', '.vue', '.json'],
            alias: {
                '@': path.join(__dirname, '/src')
            }
        },
        module: {
            rules: [
                {
                    test: /\.(graphql|gql)$/,
                    exclude: /node_modules/,
                    loader: 'graphql-tag/loader',
                },
            ]
        },
    },
    css: {
        loaderOptions: {
            sass: {
                data: `@import "@/assets/sass/_variables.scss"; @import "@/assets/sass/_mixins.scss";`,
            }
        }
    }
}