Storybook导入Mock失效：AuthClient未被Mock替换问题求助

按照官方指南配置Storybook的Mock导入模块，装饰器与参数均正常工作，但CustomComponent仍加载生产环境的AuthClient而非Mock版本，怀疑webpackFinal配置存在问题，相关代码如下：

相关代码文件 #

/src/clients/AuthClient.ts #

export class AuthClient {}

/mocks/AuthClient.js #

export class AuthClient {}

/src/components/CustomComponent.tsx #

import { AuthClient } from 'src/clients/AuthClient';
private authClient: AuthClient;

/.storybook/main.js #

module.exports = {
  webpackFinal: async (config) => {
    config.resolve.alias['src/clients/AuthClient'] = 
    require.resolve('../__mocks__/AuthClient.js');
  return config;
  }
}

问题更新推测 #

目前推测问题根源在于：Stencil组件采用Rollup打包，而Storybook使用Webpack构建，两者的文件路径处理逻辑不匹配导致Mock失效。

内容的提问来源于stack exchange，提问作者DigitalNomad