weex项目笔记
添加小程序,兑换各种视频教程/数据资源。1. weex项目的创建:参考https://blog.csdn.net/qq_42231156/article/details/84837748。2.报错:Uncaught TypeError: Cannot assign to read only property'exports' of object'#<Object>'原因:...
添加小程序,兑换各种视频教程/数据资源。


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。
更多推荐


所有评论(0)