Vite 创建 Vue3 项目指定 Package name 问题：Invalid package. json name
问题与处理策略
问题描述
- 使用 Vite 创建 Vue3 项目时，指定 Package name 时报错
问题原因
-
这边 Vite 给出了默认 Package name，但是并没有使用使用默认 Package name 或自定义 Package name
-
光标仍位于输入框开头，此时，按下【回车】键，就会报错
处理策略
-
如果要使用默认 Package name，按下 【Tab】 确认输入，再按下【回车】键
-
也可以输入自定义 Package name，再按下【回车】键
补充学习
1、Package name 命名规则
- 在使用 Vite 创建项目时，如果指定的 Package name 包含无效字符，可能会导致错误错误，Package name 命名必须符合以下规则
-
只能包含小写字母、数字、连字符（
-）、下划线（_） -
不能以连字符或下划线开头
-
不能包含空格或其他特殊字符
- 上例中，
readmaster是一个有效的名称，但如果输入了类似ReadMaster或read master的名称，就会导致错误
2、默认 Package name
-
如果创建的项目的 Project name 已经符合了 Package name 命名规则，那么构建工具就不会要求在指定 Package name
-
如果创建的项目的 Project name 不符合 Package name 命名规则，那么构建工具会给出默认 Package name，以供选择
- 上例中，项目
ReadMaster的 Project name 不符合 Package name 命名规则，所以给出了默认 Package name 为readMaster