新技术

vuepress主题修改

  • 基本上面的评论由"@vssue/vuepress-plugin-vssue转为valine,有时间再弄。。。 ,参考一个优秀的博客主题定制: vuepress 博客主题定制

Capacitor 初探

折腾到使用安卓,然后重新安装对应的android sdk 和模拟器镜像:(强迫症作祟。。。)

  1. 下载sdk-windows.exe文件,然后运行SDK Manager下载: SDK Platform tool, SDK build tool,Android SDK Platform 28 ,Google Play Intel x86 Atom_64 System Image ,重新制作了一个 Android的镜像文件。打开idea配置相关的所有工具和update site信息:

android sdk windows配置信息

::: warining 镜像文件 推荐安装不带Google Play的镜像,否则可能不能安装未知来源的apk文件,坑啊,千万不要使用 ::: 2. 如下为对应的capacitor.config.json配置信息:

{
  "appId": "com.github.app",
  "appName": "com.github.vue-mobile",
  "bundledWebRuntime": true,
  "webDir": "dist",
  "npmClient": "yarn",
  "windowsAndroidStudioPath": "E:\\Program Files\\JetBrains\\IntelliJ IDEA 2019.1\\bin\\idea64.exe",
  "android": {
    "allowMixedContent": true,
    "captureInput": true,
    "webContentsDebuggingEnabled": true
  },
  "ios": {
    "cordovaSwiftVersion": "3.2",
    "minVersion": "10.3"
  }
}


  1. capacitor中使用的Android SDK是Android SDK 27,不是最新的Android SDK 28, 所以这里使用Android 27的镜像,对应的是Android 8.1

IDEA的SDK Manager和直接使用的Android SDK Manager

使用了Android sdk manager后以前的Android sdk manager将不能直接通过双击 sdk manager.exe 打开,原因是idea 进行了相关的替换操作, 参考: android SDK SDK Manager.exe 无法打开,一闪而过最终解决办法 所以后面的新建镜像,还有下载SDK什么的都最好直接在IDEA 里面进行操作,不再使用Android SDK Manager

  1. 通过this.$router.push()访问子路由没有问题,但是通过刷新页面访问嵌套的子路由,总是报如下的错误:
Uncaught SyntaxError: Unexpected token <

参考错误: Uncaught SyntaxError: Unexpected token <

原因分析: 仔细查看对应的html的文件,会发现所有的生成的js文件的路径为如下:js/app.js,实际上应该是: /js/app.js, 所以应该是对应的vue.config.js里面的publicPath设置出问题: publicPath: process.env.NODE_ENV === 'development' ? './' : '/',, 注意我在这里设置的路径开发下是./ ,这个设置是因为在Vue Cli2中为了配置静态路径这样做的,现在的Vue Cli3不需要这样配置了,所以修改成: publicPath: process.env.NODE_ENV === 'development' ? '/' : '/'.

最后更新: 5/10/2019, 10:18:08 AM
本文浏览量