💡
原文英文，约300词，阅读约需1分钟。
📝
内容提要
在自定义 Vue 包时，因从父项目导入组件而出现错误。解决方案是将 Vue 定义为 peerDependency，并在 vite.config.ts 中添加 rollupOptions 块以排除 Vue 代码。
🎯
关键要点
-
在自定义 Vue 包时，因从父项目导入组件而出现错误。
-
错误是由于 Vue 项目的 vite 配置引起的。
-
Vue 应在 package.json 文件中定义为 peerDependency。
-
需要在 vite.config.ts 文件中添加 rollupOptions 块以排除 Vue 代码。
-
rollupOptions 块中应包含 external 和 output 配置。
❓
延伸问答
如何修复 `Uncaught TypeError: Cannot read properties of null (reading 'ce')` 错误？
将 Vue 定义为 peerDependency，并在 vite.config.ts 中添加 rollupOptions 块以排除 Vue 代码。
为什么会出现 `Uncaught TypeError: Cannot read properties of null (reading 'ce')` 错误？
该错误发生是因为从父项目导入组件时，Vue 项目的 vite 配置不正确。
在 package.json 中如何定义 Vue 为 peerDependency？
在 package.json 文件中添加 'peerDependencies': { 'vue': '^版本号' }。
vite.config.ts 中的 rollupOptions 块应该包含哪些配置？
rollupOptions 块应包含 external 和 output 配置，external 用于排除 Vue，output 用于提供全局变量。
如何在 vite.config.ts 中排除 Vue 代码？
在 vite.config.ts 中的 rollupOptions 块中设置 external: ['vue']。
使用 Vite 时，如何处理组件导入问题？
确保 Vue 被定义为 peerDependency，并正确配置 vite.config.ts 文件以避免导入问题。
➡️
