老师，antd-mobile中的popup组件在组件库中测试的时候可以用但是发布之后报错是什么原因？

Question

组件库中用到了三方antd-mobile组件库中的popup组件，在组件库项目中测试时是可以用的，但是组件库发布打包之后，在其它项目中使用的时候会报错，是不是我发布的配置文件里面漏掉什么了呢？错误如下：

将上述组件中的popup 去掉去其它项目中用又是可以的，实在找不出是什么问题了

Answer 1

张轩 2023-02-21 09:35:42

同学你好

我看你主要的问题解决的差不多了，回复你第二个问题：

要使用 create-react-app 改变入口文件的目前没有简单的方式，因为他并没有暴露出来对应的选项。

能做的只能是使用 npm run reject，把它 webpack 的配置文件都导出来，然后手动的修改。

具体方式可以看看这个问答：https://stackoverflow.com/questions/44403923/how-does-react-create-app-react-scripts-find-the-entry-point

说的很清楚。

Answer 2

张轩 2023-02-19 09:46:12

同学你好

请把代码库（git）发来，看起来是类型的问题，我在本地帮你看看，谢谢

• 提问者 imoocGly #1

  https://github.com/jasmin2014/cquestion-h5  
  这是仓库地址，里面只有一个组件，组件里面用到了antd-mobile 包下面的 Button 组件和 Popup 组件，如果只用了 Buttton 组件的话，打包之后去其它项目中使用的时候不会报上面的错，但是如果用了 Popup 组件的话就会报上面的错，但是在当前这个项目中去使用访问的时候也是正常的。麻烦老师帮忙看下，谢谢

• 提问者 imoocGly #2

  当前项目请求调试的时候 可以吧 index-dev.tsx 文件文件名改成 index.tsx，再去npm run dev 就可以看了，如果可以的话，想问老师另外一个问题，如何 在 npm run dev 的时候，入口文件默认启动使用 index-dev.tsx，但是npm publish  的时候，默认入口文件还依旧保留 index.tsx ？恭候老师的答疑解惑 ，谢谢 ！

• 提问者 imoocGly #3

  大概率是因为技术栈版本不兼容问题，在 react 18 以上的项目中使用是没问题的，但是在react 16 版本的项目中会报错