添加小程序,兑换各种视频教程/数据资源。

1. weex项目的创建:参考https://blog.csdn.net/qq_42231156/article/details/84837748

2. 报错:Uncaught TypeError: Cannot assign to read only property'exports' of object'#<Object>'
原因:因为webpack 2中不允许混用import和 module.exports , 解决办法就是统一改成ES6的方式编写即可.

解决:方法1如下:
    在router.js中,将:
       

//将
//module.exports = new Router({
 //routes: [
    //{
      // path: '/',
      // name: 'HelloWorld',
       //component: HelloWorld
    //}
 // ]
//})
//改成:
export var router=new  Router({    
    routes:[
        {
           path: '/',
           name: 'HelloWorld',
           component: HelloWorld
         }
    ]
})

//注意:不能写成:
//const router=new  Router({    
   // routes:[
       // {
         //  path: '/',
         //  name: 'HelloWorld',
         // component: HelloWorld
         //}
    //]
//})
//export default router 

    并在entry.js中,

//将
//const router = require('./router')
//改成:
import {router} from "./router.js"

    即可。

   方法2:将webpack升级。

最后:需要npm start重新启动项目。

3. 注意:没有设置自动保存weex项目,更新代码的,需要在每次修改router.js和entry.js时,npm start重新启动项目。

4. 默认情况下 weex create 命令并不初始化 iOS 和 Android 项目,你可以通过执行 weex platform add 来添加特定平台的项目。
        weex platform add ios
        weex platform add android
    为了能在本地机器上打开 Android 和 iOS 项目,你应该配置好客户端的开发环境。对于 iOS,你应该安装并且配置好 Xcode。对于 Android,
    你应该安装并且配置好 Android Studio。当开发环境准备就绪后,运行下面的命令,可以在模拟器或真实设备上启动应用:
        weex run ios  #注意:在window电脑上,不支持ios运行。
        weex run android
        weex run web
        
5. weex中的image标签,默认没有宽高,必须指定宽高,否则不显示,动态加载图片时 :
        <image src="{{img2}}" style='background-color:#ff50ff;width: 44px;height: 44px;'></image>
    
6. weex中很多css样式,子标签不能继承(与css不一样):如margin,padding,background,font不支持简写,如不支持写法background:url() no-repeat。    
        

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐