首页 > 其他分享 >HBuilder打包vue2.0项目生成的APK空白(已解决)

HBuilder打包vue2.0项目生成的APK空白(已解决)

时间:2023-09-19 18:25:25浏览次数:31  
标签:index 路径 devtool HBuilder js APK html vue2.0 history

1、config下面的index.js中bulid模块导出的路径,因为index.html里边的内容都是通过script标签引入的,而路径不对,打开肯定是空白的。先看一下默认的路径。

  build: {
    // Template for index.html
    // Paths  需要修改的是这里的路径
    index: path.resolve(__dirname, '../dist/index.html'),// Paths  需要修改的是这里的路径
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './',


    /**
     * Source Maps
     */

    productionSourceMap: false,
    // https://webpack.js.org/configuration/devtool/#production
    devtool: 'none',
    // devtool: '#source-map',
 
    productionGzip: false,
    productionGzipExtensions: ['js', 'css'],
 
    // Set to `true` or `false` to always turn it on or off
    bundleAnalyzerReport: process.env.npm_config_report
  }

 assetsPublicPath默认的是 ‘/’ 也就是根目录。而我们的index.html和static在同一级目录下面。 所以要改为 ‘./ ’。

2.第二个需要改的是router下的index.js, mode:'history’里的history改成hash。

  mode:'history’打包的apk,打开之后页面是空白的,我找了好几天才找到原因。

标签:index,路径,devtool,HBuilder,js,APK,html,vue2.0,history
From: https://www.cnblogs.com/liqinzhen/p/17715417.html

相关文章

  • vue2.0 项目创建和配置
    项目的框架概述:前端:1、采用vue2.02、采用elementui后端:1、Jave一、前端1、创建项目vuecreateweb_admin创建成功后的项目结构2、安装elementui指定版本[email protected]、在main.js入口文件引入elementui插件importVuefrom'vue'importAppfro......
  • 用jenkins构建HBuilder创建uni-app项目打包成H5发版
    此文章可以打包h5,但缺少index.css引用。1、用HBuilderX工具创建uni-app项目选择默认模板 生成项目名为:my-project 2、在linux环境下在安装好node 和npm 前提下(去官网:https://nodejs.org/en/download 下载:node-v14.18.1-linux-x64.tar.xz 或wgethttps://nodejs.or......
  • Android studio 修改APK打包生成名称
    在app的build.gradle的android{}添加一下代码android.applicationVariants.all{variant->variant.outputs.all{defcreateTime=newDate().format("YYYYMMdd",TimeZone.getTimeZone("GMT+08:00"))//在这里修改apk文件名......
  • vue2.0 表单验证明明有值却提示错误
    明明有值却总是提示为空我的解决方法时将number转为字符串验证方法如图:(验证只可以输入数字)赋值时转为字符串: ......
  • 使用aapt dump命令获取Apk信息
    因工作需要,前一段时间继续又遇到了解析Apk信息的工作。由于这次需要读取android资源文件中的内容,因此使用了aapt工具,简单记录一下过程如下:  1.使用java.util.zip解包apk,使用AXMLPrinter反编译AndroidManifest.xml文件,解析XML文件获取:包名,版本号,最低sdk版本名,用户权限信息。......
  • Apk反编译及重新打包流程
    一、反编译代码1、反编译java代码首先需要下载dex2jar这个工具,下载地址:https://sourceforge.net/projects/dex2jar/files/目前最新版是2.0,下载完后并解压缩。2、将要反编译的apk文件重命名为zip格式并解压缩,注意其中的classes.dex文件,它存放了全部的java代码,将classes.dex文件拷......
  • APK打包 output-metadata.json‘ which doesn‘t exist.
    自定义apk输出路径打包时,出现这个bugAproblemwasfoundwiththeconfigurationoftask':app:createReleaseApkListingFileRedirect'(type'ListingFileRedirectTask').-Inplugin'com.android.internal.version-check'type'com.android.bu......
  • Apktool编译后安装报packageInfo is null
    使用Apktool正常编译apk后,安装时报:解析软件包时出现问题(33),详细信息:packageInfoisnull解决方案这是由于应用程序的签名不正确。使用签名工具对apk签名一下就行。......
  • 2023-09-09 微信小程序之引入uni_modules过多插件导致主包体积过大如何解决 ==》hbuil
    前言:uni_modules里面的插件会全部打包在主包里,分包如果都是引用了uni_modules的插件,那么会导致包体积越来越大。我的项目主要用到一些组件库,如uview,对这个库的依赖太严重了,加上是把2个小程序融合到一起,所以对这个库的依赖就会变得更多。解决方案:你的小程序是用uniapp开发,才能使......
  • 获取在电脑上的apk的appPackage和appActivity
    如果开发有给apk,那么可以在电脑上通过以下方法获得appPackage和appActivitycmd进入appt路径  然后输入指令(apk路径不要含有中文)aaptdumpbadgingapk路径(D:\**\**\**.apk)以上输出结果过多,我们可以按以下指令获取我们需要的数据获取appPackageaaptdumpbadgin......