编译出错时,查看xxx.component.js或xxx.build.js
场景描述
预览时,页面报错xxx.component.js 哪行哪列 出错
或者 浏览器的控制台console报错xxx.build.js 哪行哪列 出错
如何查看xxx.component.js或xxx.build.js呢?
操作步骤
1 查看xxx.component.js
在预览页面上,点右键,选择查看框架源代码,打开新的页面
在打开的页面的地址栏中,保留pcxapp及前面的内容,将后面的内容替换为报错信息中pcx后面的路径及文件,例如:
view-source:https://testzx04166-zx0416-ide.g.xcaas.net/pcxapp/ 加上 pcx/zhuye.component.js,回车
这样就能看到xxx.component.js文件的内容了,找到错误中提示的行列,如果不能看出问题,可以往前面再看看。
2 查看xxx.build.js
控制台报错如下:
/usr/local/x5/model-user/.debug/pcx/pages/pcx/xiangmu_ch/xiangmu_glmb82.build.js:2058:522: ERROR: Expected ")" but found ";"
例如:ide的域名为:
https://testzx04166-zx0416-ide.g.xcaas.net/
将console中xxx.build.js的路径/usr/local/x5/model-user/.debug/pcx/pages替换为ide的域名/pcxapp接口,替换后build.js的访问url为:
https://testzx04166-zx0416-ide.g.xcaas.net/pcxapp/pcx/xiangmu_ch/xiangmu_glmb82.build.js
这样就能看到xxx.build.js文件的内容了,找到错误中提示的行列,查看具体的错误。