gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-04 12:10:47 25 4
gpt4 key购买 nike

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

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

我尝试了多个 webpack.config.js 没有任何运气。什么是最简单的 webpack.config.js 来解决这个问题

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

最佳答案

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

const path = require("path");

module.exports = {
stories: ['./../src/**/*.stories.(js|jsx|ts|tsx|mdx)'],
...
webpackFinal: async (config) => {
config.resolve.alias = {
...config.resolve.alias,
"@": path.resolve(__dirname, "../src/"),
};
// keep this if you're doing typescript
// config.resolve.extensions.push(".ts", ".tsx");
return config;
},
}
以下是一些有用的链接,可帮助提供更多背景信息:
  • StoryBook docs for webpackFinal - 为您提供有关如何配置 webpack 配置的第一个线索
  • 然后 this solution
    关于 Github 中的一个问题提供了最后一块拼图
  • 关于vue.js - 无法在 Storybook 中使用 @ 解析 Vue 组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57994434/

    25 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com