使用npm link链接的包在create-react-app中出现webpack导出错误

我正在本地开发一个React Hook，尝试在相邻目录example/下的create-react-app（CRA）项目中测试，但导入该链接模块时出现以下错误：

Attempted import error: 'usePleaseStay' is not exported from 'react-use-please-stay' (imported as 'usePleaseStay').
ERROR in ./src/App.tsx 10:2-15
export 'usePleaseStay' (imported as 'usePleaseStay') was not found in 'react-use-please-stay' (module has no exports)

ERROR in ./src/App.tsx 14:10-23
export 'usePleaseStay' (imported as 'usePleaseStay') was not found in 'react-use-please-stay' (module has no exports)

相关代码 #

App.tsx代码 #

import React from 'react';
import { usePleaseStay } from 'react-use-please-stay';

function App() {
  usePleaseStay(["Title One!", "Title Two!", "Title Three?!?"]);
  return (
    <></>
  );
}

export default App;

按住cmd点击react-use-please-stay跳转的文件内容 #

这是Hook源码中dist/index.d.ts的内容，明确存在导出：

export { usePleaseStay } from './hooks/usePleaseStay';

链接模块状态验证 #

执行npm ls --location=global --depth=0 --link=true的输出：

react-use-please-stay@1.0.0 -> ./../../../../../projects/react-use-please-stay

请问这是什么原因导致的？是否是create-react-app过度隐藏webpack配置引发的问题？恳请提供帮助。

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