一、导入项目后提示 “app.json 文件不存在”
- 解决办法:
- 确认导入的文件夹是项目根目录(包含app.js、app.json、project.config.json的目录),而非子文件夹。
- 检查项目文件是否完整,若缺失核心文件,重新从代码仓库拉取项目。
- 手动创建app.json基础配置(至少包含pages字段:{“pages”:[“pages/index/index”]})。
二、npm 依赖安装失败(执行 “npm install” 报错)
- 解决办法:
- 确认已安装 Node.js(官网下载,版本建议 14+),命令行输入node -v验证。
- 切换 npm 镜像源:npm config set registry https://registry.npmmirror.com,再重新安装。
- 删除项目中的node_modules和package-lock.json,重新执行npm install。
三、“构建 npm” 后组件无法引用(提示 “未找到对应组件”)
- 解决办法:
- 检查project.config.json中是否开启 npm:确保setting字段包含“useNpmModules”: true。
- 构建后重启开发者工具,刷新项目(快捷键Ctrl+R)。
- 确认依赖包已正确安装,且在app.json或页面json中声明组件路径(如”usingComponents”: {“vant-button”: “@vant/weapp/button”})。
四、导入项目后代码报红(语法错误但实际可运行)
- 解决办法:
- 配置 ESLint 规则:在项目根目录创建.eslintrc.js,关闭不必要的校验(如”rules”: {“no-console”: “off”})。
- 更新开发者工具的代码校验引擎:菜单栏 “设置”→“编辑器设置”→“ESLint”→勾选 “自动修复”。
- 确认项目使用的语法与工具支持版本匹配(如箭头函数需工具支持 ES6+)。
五、项目体积过大导致导入失败(提示 “超过最大限制”)
- 解决办法:
- 删除项目中无用的资源文件(如未使用的图片、视频、旧版本备份)。
- 压缩图片资源(使用 TinyPNG 等工具压缩后替换原文件)。
- 配置project.config.json的packOptions.ignore字段,忽略无需上传的文件(如node_modules、.git)。
