Ionic 2: ReferenceError: webpackJsonp is not defined

GoDotDotDot 2017-07-21

I'm new to Ionic. I have started project with super template. But when I try to run the app in browser. It throws an error saying:

ReferenceError: webpackJsonp is not defined
    at http://localhost:8100/build/main.js:1:1

解决：

This is a breaking change in Ionic-App-Scripts

https://github.com/ionic-team/ionic-app-scripts/releases/tag/v2.0.0

src/index.html must be modified to include a new vendor script tag .

...
<body>

  <!-- Ionic's root component and where the app will load -->
  <ion-app></ion-app>

  <script src="cordova.js"></script>

  <!-- The polyfills js is generated during the build process -->
  <script src="build/polyfills.js"></script>

  <!-- all code from node_modules directory is here -->
  <script src="build/vendor.js"></script>

  <!-- The bundle js is generated during the build process -->
  <script src="build/main.js"></script>

</body>
...

: GoDotDotDot

相关推荐

【移动端】ionic cordova 打包debug调试版、release发布版

打包release发布版在工程目录下执行cordova build android --release，生成的apk就是release发布版本。app-release-unsigned.apk 就是没有签名的apk ，没有配置签名文件则默认生成。如果打包的

绿豆饼 0喜欢 / 0评论 2020-07-28

ionic中，页面返回或者跳转，生命周期方法不生效的解决方案

玩过ionic的人都有一个困惑，为什么ionic中的生命周期方法有时候不执行，我也没有弄明白，但是我尝试来2个解决方案：。你也可以把这个路由订阅放在ngOnInit 里面，开心就好，

半纸药笺 0喜欢 / 0评论 2020-07-26

[记录点滴]在Ionic和Android中上传Blob图片

本文是开发中的简略记录，具体涉及知识点有：Blob，Ionic，Android和Lua。Blob表示二进制类型的大对象，通常是影像、声音或多媒体文件。另外，JavaScript 中的 File 接口是基于 Blob，继承 Blob 的功能并将其扩展使其支持

半纸药笺 0喜欢 / 0评论 2020-06-14

ionic （webApp）软qv键盘打开时视口高度变小导致样式问题的解决方案

我的解决方法是在CSS中加入以下样式：。--padding-bottom，但这个如果人为给设成了0的话，那在手机上点用户名和密码时弹出的软键盘有可能盖住用户名或密码输入框。

芯果科技蔡彦 0喜欢 / 0评论 2020-04-30

Ionic 使用本地缓存暂存数据 localStorage

如果key存在时，更新value。如果key不存在返回null。一旦删除，key对应的数据将会全部删除。某些时候使用removeItem逐个删除太麻烦，可以使用clear,执行的后果是会清除所有localStorage对象保存的数据。

芯果科技蔡彦 0喜欢 / 0评论 2020-04-14

ionic app 热更新

之前用ionic做了项目，学会了安卓打包，最近要做热更新，本来以为效果没出来，结果发现是我用的内网，哈哈哈哈，来来来，赶紧进入正题，把我的步骤分享给大家！！！！Please provide: Enter full URL to directory wher

kfq00 0喜欢 / 0评论 2020-04-10

ionic 项目安装依赖出现以下错误

需要降低npm的版本到5.6.0. 再次执行 npm install 安装依赖包就可以了。我的情况是需要将npm更新到最新版本

samllcat 0喜欢 / 0评论 2020-03-27

ionic-环境搭建-入门

正常创建一个简单项目blank，在手机上调试，启动后项目一直白屏，修改项目src下index.html

zhaoyongfengz 0喜欢 / 0评论 2019-12-10

ionic实现带字的toggle滑动组件

在网上找了下其他的实现，感觉没得类似的，也没发现合适的，于是自己试着定义了一个凑合着用。看效果图边缘有模糊锯齿现象，可能是由于像素的影响，在android和ios手机上表现非常流畅。其实实现起来也很简单，主要是算好滑块的位置，滑动用的是css的transf

ZillahV0 0喜欢 / 0评论 2016-08-27

ionic 2 介绍

根据官方文档，不再通过使用 JavaScript 的 scrolling，应用在 iOS 和 Android 滑动时帧率可以达到60FPS，这得益于2.0 final 版实现的 Virtual Scroll。和 Ionic 1 相比明显流畅很多，接近原生。

半纸药笺 0喜欢 / 0评论 2019-11-18

ionic命令

$ ionic start myApp sidemenu # 开始一个sidemenu ionic项目。$ ionic package [debug,release] [android,ios] # 打包

qixiang0 0喜欢 / 0评论 2015-04-24

Ionic 项目创建

baidu 搜索：Android SDK Tools，下载并安装，安装完成后，在程序菜单中找到"SDK Manager" 启动下载 android sdk.在Path环境变量中添加：%ANDROID_HOME%\platform-too

shichong 0喜欢 / 0评论 2015-05-14

ionic本地图片在浏览器里可以显示，但打包(apk)后找不到图片

在这个ionic应用中，图片无法显示。已经尝试过jpg格式和png格式，都无法显示。。。不知道是为什么，希望大家能帮下忙。

庆华 0喜欢 / 0评论 2015-12-26

ionic 下拉分页 ion-infinite-scroll标签

当用户到达页脚或页脚附近时，ionInfiniteScroll指令允许你调用一个函数。当用户滚动的距离超出底部的内容时，就会触发你指定的on-infinite。

genglang 0喜欢 / 0评论 2016-05-01

ionic 日期控件 ionic-datepicker 学习

//ui-router的控制器引用其他service的方法，参数$state只能在$scope后面，否则会报错。/**********************日期控件的配置文件 *****************************/. weeksLi

琪凡睿 0喜欢 / 0评论 2016-04-28

ionic使用angularjs表单验证（模板验证）

顾名思义模板验证就是通过一些angularjs的属性来在html标签中验证，为了往模板驱动表单中添加验证机制，你要添加一些验证属性，就像原生的 HTML 表单验证器。Angular 会用指令来匹配这些具有验证功能的指令。每当表单控件中的值发生变化时，Ang

GoDotDotDot 0喜欢 / 0评论 2018-12-12

解决angularjs service中依赖注入$scope报错的问题

// This controller throws an unknown provider error because. // a scope object cannot be injected into a service.

WarmPure 0喜欢 / 0评论 2018-10-02

ionic添加icon和splash--转载

当我们用ionic创建好app后，默认的logo及spash页面均是cordova的图标，显的不太好看，如何使用自己的icon和splash页呢？生成一个192*192px的logo，保存为icon.png，icon.ai或icon.psd,图片不要有圆角

青 0喜欢 / 0评论 2017-09-19

ionic4+vue+cordova开发混合应用

在xcode上启动1，ionic cordova prepare ios. 5, yarn run dev引入ionic@core在index.html上加入

samllcat 0喜欢 / 0评论 2019-07-01

在Ionic 或者 Angular 中用 Google Map API 实现自动补全地址(autocomplete)

本文是以Ionic为例。key=your-google-key&libraries=places"></script>3. 编写代码我这里直接用home了。/// <reference types="@t

nickking 0喜欢 / 0评论 2019-07-01

Ionic4 cordova混合开发的开发调试环境搭建

Ionic4混合开发首选应该是capacitor，但capacitor刚推出不久还不够成熟，所以选择使用传统的cordova方式开发。基本上，Ionic native5和之前版本使用方式上变化不大，但cli有些选项上有些区别。只有在Android stud

Android进阶 0喜欢 / 0评论 2019-07-01

Ionic start(4.x版本)发生bad status code 400错误以及离线创建新项目的解决方法

This could mean the server is experiencing difficulties right now--please try. 在github上搜索ionic-team，发现ionic-team/starters项目，这就是要

庆华 0喜欢 / 0评论 2019-07-01

Flutter 、React Native 、 Ionic、 NativeScript 、小程序和PWA哪个值得学？

彬哥，我看今年前端分了俩方向啊，一个是Flutter和React Native这种，还有就是小程序，淘宝小程序这种微应用，我们公司让我做React Native这块儿，这是不是对我未来发展好些？以前技术栈还是Vue，我最近转React了，刚开始写第一个项目

nickking 0喜欢 / 0评论 2019-07-01

Angular/Ionic安装配置汇总

Angular和Cordova/Ionic都使用cli工具开发，因此必须先安装最新版本的NodeJS。NodeJS里面包含npm包管理器，而Angular/Ionic本身和程序依赖的库和框架都是npm包，要进行Angular/Ionic开发首先需要安装np

庆华 0喜欢 / 0评论 2019-07-01

Ionic生命周期

Pages的生命周期函数列表：ionViewDidLoad 当页面已经载入后，这个事件仅当页面被创建时执行一次。ionViewWillUnload当页面将要销毁并移除其元素时触发。这可以在经过身份验证的视图中用作一种“保护”，您需要在视图可以进入之前检查权

庆华 0喜欢 / 0评论 2019-07-01

力软移动框架 ionic cordova插件jpush-phonegap-plugin 极光推送配置方法 vs2017

极光推送是现在流行的推送方式,因为官网的范例藏得比较隐蔽,自己摸索了半天,下面介绍下cordova极光推送插件的安装和代码应用.以下是cordova安卓安装配置,ios的后面项目完成了再补充

liujia 0喜欢 / 0评论 2019-07-01

React Native Vs. Xamarin Vs. Ionic Vs. Flutter

React Native Vs. Xamarin Vs. Ionic Vs. Flutter:Which Is Best For Cross-Platform Mobile App Development?While developing Native M

庆华 0喜欢 / 0评论 2019-06-30

ionic UI(5)UI and Backend

ionicUI(5)UIandBackend. >node--version&&npm--version. v4.5.0. 2.15.9. >npminstall-gcordova. >npminstall-gios-si

genglang 0喜欢 / 0评论 2016-12-02

Ionic 环境搭建和安装教程

Ionic 环境搭建和安装教程本篇教程基于 Ionic 官方文档编写，希望对初次安装 Ionic 的你们有所帮助。环境搭建在使用 Ionic 框架之前，唯一的前提条件是 Node 和 npm 环境。当然，你同样需要一个代码编辑器。这里推荐使用 VS Cod

nickking 0喜欢 / 0评论 2019-06-30

ionic 初学者引导(一)

讲解的内容为ionic3版本。Introduction 点进去按照命令，初始化一个ionic项目。一个基本可运行ionic项目可以运行起来UI Components 这个就是一些组件。Theming ionic提供的一些便捷的页面样式设置方法。相关介绍差不

ForEachkaka 0喜欢 / 0评论 2019-06-30

ionic 开发中的一些错误

我android指定6.3.0 ，ios4.4.0。相关解决是找到报错的信息，按照他的提示来修改。我当时是只改了一个函数名。总结遇到问题后，多去GitHub上看，大部分都有解决方案，少部分没有的只能提高自己解决问题的技能了。

半纸药笺 0喜欢 / 0评论 2019-06-30

Build Fishing Record(2)List and Detail with RESTful Resource

});.controller('SessionsCtrl',function($scope,Session){. $scope.sessions=Session.query();.controller('SessionCtrl',function($sco

87214156 0喜欢 / 0评论 2016-01-01

ionic echarts引入和使用及报错解决

cnpm install @types/echarts -–save官网给出的一段建议：在 3.1.1 版本之前 ECharts 在 npm 上的 package 是非官方维护的，从 3.1.1 开始由官方 EFE 维护 npm 上 ECharts 和 z

rimuweinuan 0喜欢 / 0评论 2019-06-30

ionic4: Error: read ECONNRESET

ionic4执行命令：ionic cordova build android，直接报以下错误：。下载资源文件超时，这时候需要进行翻墙。

MonkeyKingBi 0喜欢 / 0评论 2019-06-29

ionic环境搭建

混合开发平台，我们选择的是cordova,那么它依赖于node.js环境，并且需要node.js的npm模块来帮它下载插件。创建项目还需调试运行，那么就会需要Android模拟器。我们这里使用的是一个国外的好用且免费的第三方模拟器Genymotion。东西

Palingenesis 0喜欢 / 0评论 2019-06-29

Ionic中使用NavController进行反向传值

ionic中使用NavController进行导航，通过pop、push来进行页面切换。正向传值正向传值很简单，push方法中将数据作为第二个参数传入即可；在下一个页面中使用NavParams来接收数据。let data: Object = { info

rimuweinuan 0喜欢 / 0评论 2019-06-29

ionic使用angularjs表单验证（模板验证）

1什么是模板验证顾名思义模板验证就是通过一些angularjs的属性来在html标签中验证，为了往模板驱动表单中添加验证机制，你要添加一些验证属性，就像原生的 HTML 表单验证器。Angular 会用指令来匹配这些具有验证功能的指令。每当表单控件中的值发

samllcat 0喜欢 / 0评论 2019-06-29

创建ionic项目

ionic主要基于CLI创建和开发，并使用Cordova构建/部署为本机应用程序。CLI大多都是基于Node，通过npm进行管理，安装好后可以npm -verison，node -version 查看是否安装成功。$ npm install -g ioni

庆华 0喜欢 / 0评论 2019-06-29

Ionic介绍

ionic是一款基于Angualr，Cordova的强大的HTML5移动应用框架，可以快速创建一个跨平台的移动应用。可以快速开发移动App,移动端WEB页面，微信公众平台应用，混合App，WEB页面。Ionic = Cordova + Angualr +I

wangdazhu0 0喜欢 / 0评论 2019-06-28

ionic 侧栏菜单用法

引入js和css文件我这里是直接引入的cdn，ionic是基于angular的，bundle.min.js把常用angular的js已经压缩到一起，可以直接引入.bundle.min.js，不需要引入其他js文件。要使用侧栏菜单，添加一个父元素<io

芯果科技蔡彦 0喜欢 / 0评论 2018-04-12

使用腾讯tslint-config-alloy轻松搞定ionic项目中TSLint配置

TSLint核心规则及相关库TSLint已经提供了一些核心规则，但是还不够，于是有人用TSLint提供的自定义接口又自定义了许多规则。我们使用了腾讯团队的开源项目tslint-config-alloy，它的配置原则：。配置tslint.json内容如下其中

rimuweinuan 0喜欢 / 0评论 2019-06-28

(转)ionic生成apk使用build命令下载gradle-2.2.1-all.zip卡，解决方案

直接使用ionic buildAndroid命令，自动下载gradle-2.2.1-all.zip超慢

芯果科技蔡彦 0喜欢 / 0评论 2016-11-05

构建具有用户身份认证的 Ionic 应用

教程简易，对于 Ionic 入门学习有一定帮助。因为文章是去年发表，所以教程内关于 Okta 的一些使用步骤不太准确，但是通过 Okta 的官网也可以找到对应的内容。另外，使用 npm 安装 Ionic starter 模板可能会有安装失败的情况，建议不要

liujia 0喜欢 / 0评论 2019-06-28

从写博客到出书 ——《ionic移动开发入门与实战》

在16年的时候，我打算找个平台写点博客，选了几家之后发现简书页面很简洁，而且搜索排名很靠前，最终就选定在简书写博客。一开始也没指望有人看，纯粹是当练习 markdown 自己写点笔记，方便自己查阅。在之后断断续续写了一些 iOS 的博客，更新频率不高，看的

nickking 0喜欢 / 0评论 2019-06-28

基于ionic和kerkee框架开发-----盛世乐居Hybrid App开发指南

ionic 教程ionic 是一个强大的 HTML5 应用程序开发框架。ionic是一个轻量的手机UI库，具有速度快，界面现代化、美观等特点。为了解决其他一些UI库在手机上运行缓慢的问题，它直接放弃了IOS6和Android4.1以下的版本支持，来获取更好

芯果科技蔡彦 0喜欢 / 0评论 2016-08-25

Ionic 3 升级 Ionic 4 迁移指南

Ionic 3 升级 Ionic 4 迁移指南前言Ionic 4 包含现代 Web API，如Custom Elements，CSS Variables和Shadow DOM。它完全与开发框架无关，作为 Web 开发人员的UI库，无论他们决定使用什么前端工

Erosvan 0喜欢 / 0评论 2019-06-28

ionic4 手机启动页进入首页慢问题修改

ionic 运行 ionic cordova build android 打包以后，安装到手机上，启动动画结束以后，要等3秒才显示首页内容，解决如下：config.xml中修改或者添加一下配置。

半纸药笺 0喜欢 / 0评论 2019-06-28

angular和webstorm 加载本地数据，实现“单机版”web应用

开发ionic web app应用，需要后台传输数据，才能正常使用，如果没有数据，那么app 就是只有效果的空壳。.factory('ApiService', ["$window", "$http", "W

航帆远洋 0喜欢 / 0评论 2016-07-19

ionic 顶/底部按钮宽度“平均分”

<button class="button button-assertive" ng-click="goTo">增加新地址</button>

琪凡睿 0喜欢 / 0评论 2016-07-18