wepy -- 坑

注意事项:

1. 在文件的结尾处 敲回车 必须有换行符, 且没有空格 否则报错 error Newline required at end of file but not found eol-last

2. 字符串必须是单引号

3.improt 结尾 没有分号 在程序里也不要加分号

4.wx:if="{{}}" 加双引号

5.CSS 样式图片和标签中的 img src='' 不可以静态加载, 只能网络加载

6. 小程序劲量不用原生的动画, 采用 css3 或者用组件库

7. 在实例化 app.wepy 的时候

export default class extends wepy.app {
  config = {}
  pages: []
}

'pages/home/home' 报错 --> 未找到 app.json 中的定义的 pages "pages/home/home" 对应的 JS 文件
解决方案:
01. 看路径是否正确!!!!
02. 清空 dist 文件 重新编译

8. 报错：VM1944:1 thirdScriptError sdk uncaught third Error module "npm/lodash.isarray/index.js" is not defined Error: module "npm/lodash.isarray/index.js" is not defined

解决办法:

01.npm init 在选择是否用 redux 选择否

02. 用命令行 npm install util -no-save , 安装完后 wepy build -no-cache, 最后 npm run dev 编译就行了.

03.app.wepy 引用了 redux 造成的问题 删除即可

import { setStore } from 'wepy-redux'
import configStore from './store'
const store = configStore()
setStore(store)

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

解决办法:app.wepy 引用了 redux 造成的问题 删除即可

 

10. 统一标题在 app.wpy 里配置

// 全局页面配置
<config>
{
    pages: [
      'pages/index/index',
      'pages/order/order',
      'pages/personal/personal',

      'pages/demo/demo',
    ],
    window: {
      backgroundTextStyle: 'light',
      navigationBarBackgroundColor: '#fff',
      navigationBarTitleText: 'WeChat',
      navigationBarTextStyle: 'black',
    },
    tabBar: {
      color: '#707070',
      selectedColor: '#0EC65C',
      backgroundColor: '#fff',
      borderStyle: 'black',
      list: [
        {
            pagePath: 'pages/index/index',
            iconPath: 'images/tabBar/tab_car.png',
            selectedIconPath: 'images/tabBar/tab_car_active.png',
            text: '首页'
        },
        {
            pagePath: 'pages/order/order',
            iconPath: 'images/tabBar/tab_order.png',
            selectedIconPath: 'images/tabBar/tab_order_active.png',
             text: '订单'
        },
        {
            pagePath: 'pages/personal/personal',
            iconPath: 'images/tabBar/tab_user.png',
            selectedIconPath: 'images/tabBar/tab_user_active.png',
             text: '个人中心'
        }
      ]
    },
    "sitemapLocation": 'sitemap.json'
}
</config>

10. 当你的底部的图片加载不出来时, 可以尝试关闭微信开发者工具, 再次打开就好了

11. 当你页面报错为 没有引用 js 文件;

解决方案:

查看 dist 文件下对应的 js 文件 (此 js 文件是你报错没有引用的 js 文件), 仔细查看 js 的文件名, 是否与你的 src 目录下的 wpy 的文件命名一样. 如果不一样

请执行 npm clear 命令 就是你的 package.json 命令, 具体看你的 package.json 的文件命令, 如果没有该命令, 那就删除 dist 文件, 然后重新执行命令

npm build("build": "cross-env NODE_ENV=production wepy build --no-cache")

 

12. 更改全局样式文件需要重新编译