NextJs13+Shadcn UI开发环境Safari下__webpack_require__.n报错求助

操作步骤 #

• 创建Next.js 13项目：npx create-next-app@latest my-app --typescript --tailwind --eslint
• 初始化shadcn：npx shadcn-ui@latest init
• 添加UI组件：npx shadcn-ui@latest add button label input
• 编写登录表单组件（代码详见原提问）

错误情况 #

开发模式启动应用并访问页面时，触发以下运行时错误：

Unhandled Runtime Error
TypeError: __webpack_require__.n is not a function. (In '__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__)', '__webpack_require__.n' is undefined)

已知条件 #

• 仅在Safari浏览器的开发模式下出现该错误
• 生产环境无此问题
• 关闭Webpack的代码压缩和混淆后，开发模式也不会报错（对应Webpack配置详见原提问）

已穷尽排查思路，现求助该错误的成因及进一步排查方法，可通过仓库 https://github.com/JanRuettinger/nextjs-error/tree/master 复现问题。

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