微信小程序中的基础错误总结_wed nov 15 2023 10:54:02 gmt+0800 (中国标准时间) 事件警告-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_40224714/article/details/87432059

本文详细解析了微信小程序开发中常见的错误，包括WXSS编译错误、JSON解析错误、脚本错误、thirdScriptError错误及图片加载失败等问题，并提供了具体的解决方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、微信小程序 GMT+0800 (中国标准时间) WXSS 文件编译错误

在这里插入图片描述
请尝试在控制台输入openVendor() ，清除里面的wcsc wcsc.exe 然后重启工具

2、小程序报错pages/xxx/xxx.json 文件解析错误 SyntaxError: Unexpected end of JSON input

TypeError:Cannot read property’file’of undefined

pages/xxx/xxx.json 文件解析错误 SyntaxError: Unexpected end of JSON input
报这个错那是因为json里空的,如果没有配置需求,只需要在.json文件里加个 { } 大括号即可
在这里插入图片描述

3、小程序报错pages/xxx/xxx.js 出现脚本错误或者未正确调用 Page()

pages/home/home.js 出现脚本错误或者未正确调用 Page()

出现这个错误是因为你还没有写js,也就是js里面是空的,

如果还没写开始js,可以先只写个Page({ })

在这里插入图片描述

4、微信小程序thirdScriptError错误

在这里插入图片描述
说明，有一个page页面，没有在app.json中注册
代码如下：

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  }
}

5、小程序加载不出图片 Failed to load local image resource /images/xx.png

开发小程序时候，要添加静态本地图片

<img src="../../images/bg.png" alt="">

会报错：

VM14878:2 Failed to load local image resource /images/bg.png 
the server responded with a status of 404 (HTTP/1.1 404 Not Found)

原因有很多种，解决办法可以改webpack，或mpvue的包，这里提供一个非常直接的办法：

直接写 /static/img/xx.png

比如：把图片放在根目录下的static文件下
<img src="/static/img/bg.png" >

就可以了

原因也很简单，static就是专门放静态资源文件的，存放在根目录下，直接就用