Vite 创建 Vue3 项目指定 Package name 问题：Invalid package. json name

问题与处理策略

问题描述

• 使用 Vite 创建 Vue3 项目时，指定 Package name 时报错

问题原因

1. 这边 Vite 给出了默认 Package name，但是并没有使用使用默认 Package name 或自定义 Package name

2. 光标仍位于输入框开头，此时，按下【回车】键，就会报错

处理策略

1. 如果要使用默认 Package name，按下 【Tab】 确认输入，再按下【回车】键

2. 也可以输入自定义 Package name，再按下【回车】键

---

补充学习

1、Package name 命名规则

• 在使用 Vite 创建项目时，如果指定的 Package name 包含无效字符，可能会导致错误错误，Package name 命名必须符合以下规则

1. 只能包含小写字母、数字、连字符（-）、下划线（_）

2. 不能以连字符或下划线开头

3. 不能包含空格或其他特殊字符

• 上例中，readmaster 是一个有效的名称，但如果输入了类似 ReadMaster 或 read master 的名称，就会导致错误

2、默认 Package name

1. 如果创建的项目的 Project name 已经符合了 Package name 命名规则，那么构建工具就不会要求在指定 Package name

2. 如果创建的项目的 Project name 不符合 Package name 命名规则，那么构建工具会给出默认 Package name，以供选择

• 上例中，项目 ReadMaster 的 Project name 不符合 Package name 命名规则，所以给出了默认 Package name 为 readMaster