微信开发者工具导入 wepy 项目“app.json 未找到”报错解决方法
版本信息:
- 微信开发者工具:1.03.2101150
- wepy:2.0
- wepy/cli:6.14.8
问题描述
按照 wepy 文档中的步骤新建项目:
$ npm install @wepy/cli -g # 全局安装 WePY CLI 工具
$ wepy init standard myproj # 使用 standard 模板初始化项目
$ cd myproj # 进入到项目目录
$ npm install # 安装项目依赖包
使用开发者工具导入
myproj
根目录,即可预览效果。
但我使用开发者工具导入项目后,控制台报错:[ app.json 文件内容错误] app.json: app.json 未找到
。
上网搜索了一下,看到很多人提到了一个方法:
向
project.config.json
文件中添加如下代码后从新编译即可:"miniprogramRoot": "./dist"
然后我这里的报错变成了:[ app.json 文件内容错误] dist/app.json: dist/app.json 未找到
。
解决方法
虽然没有成功解决问题,但有人提到:出现这个问题的原因是微信开发者工具导入项目时修改了 project.config.json
文件。
用 cli 重新新建一个项目,不用微信开发者工具导入,直接打开 project.config.json
文件,内容如下:
{
"description": "A WePY project",
"setting": {
"urlCheck": true,
"es6": false,
"postcss": false,
"minified": false
},
"compileType": "miniprogram",
"appid": "touristappid",
"projectname": "myproj",
"miniprogramRoot": "./weapp"
}
可以注意到这一行:"miniprogramRoot": "./weapp"
。将这行添加到导入到开发者工具的项目对应文件中,即可正常编译预览。
整个weapp
都是自动生成的项目中没有的。根据里面文件的内容,可以看出是由组件化开发的 .wpy
等文件翻译成的小程序原生的 js/json/wxml/wxss
等对应文件,包括程序入口 app
系列文件。
其他文章中提到的 ./dist
可能是 cli 其他版本生成的不同文件结构。
21.02.21 更新
之前这个方法暂时解决了一个报错,但是发现又出现了新的一些bug,比如组件不能正确渲染、找不到页面、点击事件触发失败等等,如下(wepy的demo项目)。
关闭ES5转ES6
在小程序开发工具中,把详情-本地设置-ES6转ES5
设置关掉可以解决部分问题,原因不明。
重新导入项目
关闭上述这个转换之后还是有一些问题。后来又发现一个玄学解决办法,是目前为止看起来最简单可靠的办法:
之前在小程序开发工具中导入的是 myproj
的根目录。用其他编辑器(例如 VS Code)打开项目根目录并启动项目,如果编译成功(控制台指令和输出如下),项目中会生成 ./weapp
目录,就是第一个方法中添加在配置文件中的那个目录。
在小程序开发工具中导入项目时选择这个生成的 weapp
目录,即可正确编译和渲染。并且在VSC中修改保存wepy的代码之后,小程序开发工具这边也会自动更新(npm 检测到代码变动后自动重新编译)。
$ npm run dev
> bj_mini_program@0.0.2 dev E:\0_project\sk_BulletJournal\BJ_miniProgram
> wepy build --watch
# ...
[20:13:05] info build finished
[20:13:05] info watching...
参考
http://www.webxlab.net/article/detail/VBgKvl7ALW
微信开发者工具导入 wepy 项目“app.json 未找到”报错解决方法的更多相关文章
- 记web模拟手机环境已经微信开发者工具中可正常运行,实体机运行报错问题
问题描述: 有个手机微信OA的项目 用户信息采用cookie方式保存.发布后使用chorme浏览器进行模拟访问测试发现一切运行顺畅,使用微信开发者工具进行测试也一切正常. 采用实体机进行测试时,用微信 ...
- 导入项目后,js文件报错解决方法
导入项目后,发现 js文件报错,但是js文件是从官网下载的.解决办法: 选中报错的js文件, 右键选择 MyEclipse-->Exclude From Validation : 然后继续右键执 ...
- Eclipse导入maven项目时,pom-xml文件报错处理方法
报错如下: Cannot read lifecycle mapping metadata for artifact org.apache.maven.plugins 解决方法: 出现该错误是因为jar ...
- 导入Maven 工程pom.xml首行报错解决方法
1.利用IDE导入一个Maven工程,但是pom.xml文件首行报错,发现是maven版本需要升级 2.在pom.xml文件 增加配置 <properties> <maven-jar ...
- 微信开发者工具:Cannot read property 'addEventListener' of undefined 报错
点击右上角详情 有个调试基础库 当前为2.17.0 调为2.14.1 解决 如果对您有帮助,希望对面的你能点赞加评论!拜上! 若有bug还请告知,万分感谢!
- eclipse创建的maven项目,pom.xml文件报错解决方法
[错误一:]maven 编译级别过低 [解决办法:] 使用 maven-compiler-plugin 将 maven 编译级别改为 jdk1.6 以上: <!-- java编译插件 --> ...
- MyEclipse导入Maven项目pom文件第一行报错,运行Tomcat报Log4j错误--解决方法
问题描述: 前一段时间电脑第一次导入Maven项目,又是pom文件错,改好后又是运行Tomcat报Log4j错误,一直倒腾了近一个月程序才成功跑起来,太不容易. 也上网查了很长时间,没一个方法能解决我 ...
- Eclipse中导入项目后js报错解决方法(转未解决问题)
本文转自:http://blog.csdn.net/chenchunlin526/article/details/54666882 Eclipse中导入项目后js报错的原因与解决方法 在我们将项目导入 ...
- eclipse导入项目报错解决方法
1.导入项目之前,请确认工作空间编码已设置为utf-8:window->Preferences->General->Wrokspace->Text file encoding- ...
随机推荐
- svg rect to polygon points & points order bug
svg rect to polygon points & points order bug https://codepen.io/xgqfrms/pen/vYOWjYr?editors=100 ...
- [转]SIFT,SURF,ORB,FAST 特征提取算法比较
转载地址:https://blog.csdn.net/vonzhoufz/article/details/46461849 主要的特征检测方法有以下几种,在一般的图像处理库中(如opencv, VLF ...
- winform导出csv
public void ExportToSvc1(string strFileName) { string strPath = strFileName + ".csv"; Stri ...
- Django Admin 后台Admin继承UserAdmin增加用户密码不显示明文和用户登录不了的解决方法
Django后台Admin继承UserAdmin增加用户不显示明文方法 1.在 models.py 中用户表 # 导包规范-1.Python标准模块 from django.db import mod ...
- Mybatis-Plus插件配置
yml配置 1 # Mybatis-Plus 2 mybatis-plus: 3 # 配置mapper的扫描,找到所有的mapper.xml映射文件 4 mapper-locations: com.x ...
- Hyperf-JsonRpc使用
Hyperf-JsonRpc使用 标签(空格分隔): php 安装扩展包 composer require hyperf/json-rpc composer require hyperf/rpc-se ...
- vuex中辅助函数的使用方法
mapState import { mapState } from 'vuex' export default { // ... computed:{ ...mapState({ // 箭头函数可使代 ...
- 将MacOS Catalina 降级为 Mojave
1.下载Mojave https://apps.apple.com/cn/app/macos-mojave/id1398502828?ls=1&mt=12 2.更改U盘格式和名称 3.制作U盘 ...
- Python3+pygame实现Windows经典扫雷
今天给大家分享一个由Python3(当然python3.5 3.6 3.7 3.8 ...都行)与pygame模块结合制作的一个经典小游戏"扫雷" 代码是完全可运行的,请大家放心运 ...
- 蓝桥杯-分考场(dfs)
分考场 PREV-53 这题的解决方法使用dfs,因为数据很小,才100. 每次当前的人人是否可以和前面的组队,设置两个数组group和fri /*DFS求解:思路每次判断输入的人是否可以和前面的组队 ...