2018年08月20日 19:47:03 吹过麦田的风 阅读数:6488更多 在最初用vue+webpack+vue-router做项目的时候,在本地pc开发测试都是正常的,但是在把代码打包部署到测试服务器之后,访问项目首页总是白屏。第一种,打包后的dist目录下的文件引用路径不对,会因找不到文件而报错导致白屏。解决办法:修改一下config下面的index.js中b            
                
         
            
            
            
            刚开始我以为vue-cli3.0 打包后必须丢到服务器才可以打开,深入了解后,都一样都一样,哪里都可以打开啦网上的所有解决方案博客没有一个是真正解决我的问题的,于是我潜心琢磨,哈哈哈,成功后可爱大方善良阳光智慧的小仙女竟然想猛男落泪。1. 第一种问题,本地打开加载文件路径报错(控制台js、css、ico找不到)    不论是cli2还是cli3 ,打包后的地址指向assetsP            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-25 20:46:16
                            
                                147阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            # 如何解决“cordova ios打包白屏”问题
## 概述
在开发过程中,有时候会遇到cordova ios打包白屏的问题,这通常是由于一些配置或代码错误导致的。作为一名经验丰富的开发者,你需要教会刚入行的小白如何解决这个问题。
## 流程
以下是解决“cordova ios打包白屏”问题的流程:
```mermaid
gantt
    title 解决“cordova ios打包白屏            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-05-20 04:42:28
                            
                                143阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一,window打包环境安装:1,打包环境配置:1.1,安装node.js(安装好node 软件后,它会自动帮你配置环境变量包括node和npm两个命令)1.2,安装淘宝镜像(命令:npm install cnpm -g --registry=https://registry.npm.taobao.org), 安装cordova(因为是全局安装,它会自动帮你配置好环境变量,所以自己就不用配置环境变            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-19 15:37:31
                            
                                156阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一个bug
你用Vue做了一个单页面应用,它在一切设备上都工作正常,但是突然有一天,你的测试和你说,这个网站在iOS 10上跑不起来,怎么办?
于是你打开你电脑上的Chrome浏览器,工作正常;打开Safari浏览器,工作正常;打开iOS 11手机,工作正常;打开各种安卓手机,工作正常。但是在iOS 10的手机上,不论是微信浏览器,还是Safari浏览器,都只能看见一个白白的屏幕。
于是你把手            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-26 14:37:20
                            
                                273阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在最初用vue+webpack+vue-router做项目的时候,在本地pc开发测试都是正常的,但是在把代码打包部署到测试服务器之后,访问项目首页总是白屏。第一种,打包后的dist目录下的文件引用路径不对,会因找不到文件而报错导致白屏。 解决办法:修改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的,而你的路径不对,            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-04 19:56:16
                            
                                257阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # Vue Build for Cordova iOS 配置指南
在现代移动应用开发中,使用 Vue.js 和 Cordova 创建跨平台应用是一种流行的选择。本文将介绍如何将 Vue.js 应用打包为 Cordova iOS 应用,并提供相关配置示例。
## 环境准备
在开始之前,请确保你已安装以下工具:
1. **Node.js**:用于管理依赖和构建应用。
2. **Vue CLI*            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-10-14 07:09:06
                            
                                27阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # iOS Cordova 白屏问题的解决指南
作为一名经验丰富的开发者,我经常被问到关于iOS Cordova开发中遇到的白屏问题。这通常是由于配置不当或代码错误导致的。在这篇文章中,我将向刚入行的小白开发者介绍如何解决iOS Cordova白屏问题。
## 问题概述
在iOS Cordova项目中,白屏问题通常表现为应用启动后,屏幕一片空白,没有任何内容显示。这可能是由于以下几个原因:            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-07-29 06:59:01
                            
                                86阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Vue+VUX ui库+Cordova打包混合应用模板工程详见文末pan链接1.项目的Cordova基本命令初始化文件夹  cordova create cordova-app com.lxlazy.www.app cordovaApp  进入  cd cordova-app  添加平台使用630API不然找不到  cordova platform add android@6.3.0  检查依赖            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-18 12:49:51
                            
                                58阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            因为公司项目要求, 原本的vue移动端项目, 现在要求能使用定位, 调用摄像头等功能, 并且开发成混合APP.一个小白的孤军奋战史, 记录一下, 以备后用....第一步: 安装cordova 在命令窗口执行: npm install -g cordova第二步: 新建一个cordova项目同样的在命令窗口执行命令:  cordova create cordovaApp com.cordo            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-13 02:07:43
                            
                                40阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            ### 如何解决 Vue2 项目在 iOS 上白屏的问题
当我们开发 Vue2 应用时,可能会遇到在 iOS 设备上加载应用时出现白屏的问题。这通常是由于各种原因造成的,如资源未正确加载、JavaScript 错误等。本文将指导你处理这一问题,从而顺利构建你的 Vue2 应用。
#### 整体流程
以下是解决“Vue2 build iOS 白屏”问题的步骤:
| 步骤 | 描述            
                
         
            
            
            
            最近在build打包vue项目遇到了几个问题,如下:1、npm run build打包项目之后,我们通常是把dist文件里面被压缩后的static文件跟index.html提交到服务器,但最近发现直接打开index.html页面是空白的,还会报几个错,找不到页面路径。原因:找到config文件下index.js,全局搜索assetsPublicPath,结果是 assetsPublicP            
                
         
            
            
            
            操作系统:OSX10.14XCode:10.1Cordova:8.1.2假设已经配置好了Cordova开发环境,Apple ID你也有,XCode也可以正常工作了,那么就可以继续看这篇文章了!如果你没有看我这篇文章,那么你有可能会顺利编译你的Cordova工程,但是,我觉得你很可能正在解决遇到的麻烦,而且让你焦头烂额的麻烦,你都不知道错误究竟是怎么发生的!一,解决XCode编译Cordova工程问            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-01 13:02:55
                            
                                91阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            关于vue 路由切换的白屏,事实上在开发的过程中,我一直没有遇到过。我有个哥们遇到这个问题,问我怎么解决的, 我晕了,我没遇到这样的问题啊,我怎么解决啊啊啊啊。。事实上是遇到过一回的。场景一:IE9严格来说不是白屏的问题,应该说是兼容性问题,直接就是不支持,报错了,渲染无法执行造成的。解决方式就是npm i babel-polyfill -D然后在入口mian.js 引入就完事了,就着么简单imp            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-15 08:25:19
                            
                                95阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            ## Cordova构建iOS应用程序的步骤
作为一位经验丰富的开发者,我将为你解释如何使用Cordova构建iOS应用程序。下面是整个过程的步骤摘要:
步骤 | 描述
--- | ---
1 | 安装Cordova
2 | 创建一个Cordova项目
3 | 添加iOS平台
4 | 构建iOS应用程序
5 | 打开Xcode并部署应用程序
现在,让我详细介绍每个步骤以及你需要执行的操作。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-01-08 06:32:09
                            
                                55阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在安装Cordovan的时候可能会出现问题,这是要2.使用淘宝的NPM 命令如下:1.npm install -g cnpm --registry=https://registry.npm.taobao.org 2.把npm 改成cnpm 再安装。 如 :cnpm install -g cordova安装前软件准备1、下载Java SDK 1.7及以上。   我安装Android Studio时自            
                
         
            
            
            
            # 使用 Xcode 打包 Cordova 和 Vue 的 iOS 应用
在现代移动应用开发中,使用 Vue.js 和 Cordova 的组合是一个非常流行的选择。这种组合允许开发者使用 Vue 的强大功能构建漂亮的界面,并通过 Cordova 将其打包成可在 iOS 设备上运行的应用。在本文中,我们将介绍如何使用 Xcode 打包 Vue 和 Cordova 应用,并提供一些代码示例。
##            
                
         
            
            
            
            趁元旦放假想试一下cordova,不想安装庞大的android studio,所以想最小化安装,居然花了一整天的时间才能正常编译cordova工程,记录一下过程,备将来参考。安装环境:操作系统:windows 10 x64第一步:安装nodejs,下载最新版本v10.15.0第二步:设置npm安装源npm config set registry http://registry.npm.taobao            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-21 10:22:44
                            
                                208阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            vue打包上传到服务器之后,如果数据接口域名发生变化,需要手动修改接口地址,在发布的时候也麻烦,于是。。在打包之后如果有一个json配置文件以便修改那不是方便很多在网上找了一些方法貌似都是异步请求json文件,试过之后发现了问题:这个实际是需要在其他后端接口请求之前就返回接口地址。然后再进行其他一系列如登陆,获取用户信息等接口请求。其实是需要同步操作的,在这个完成成功之后再进行其他一系列操作才对,            
                
         
            
            
            
            在开发 Android 应用的过程中,使用 Cordova 进行打包时,开发者常常会遇到错误,尤其是在执行 `cordova build android` 这一命令时。用户可能在不同的开发环境下(如 Windows, macOS, Linux)尝试打包,且构建过程中可能涉及多个插件和依赖。为了帮助那些在此过程中遇到问题的开发人员,本文将详细记录解决 "cordova build android 打