ionic3_编程技术问答社区_程序员问答知识库

以下是关于 ionic3 的编程技术问答

Ionic 3中的Algolia Instantsearch.js

我试图在我的Ionic 3应用程序中使用来自Algolia的InstantSearch.js库.这是我遵循的教程. 这是我得到的错误 _WEBPACK_IMPORTED_MODULE_3_instantsearch_js__.instantsearch is not a function 我已经通过NPM带有以下命令将其导入. npm install instantsearch.js --save searchpage.ts import { Component } from '@angular/core'; import { IonicPage, NavController, NavParams } from 'ionic-angular'; import { ALGOLIA_CONFIG } from './../../app/app.algolia.config'; import * as instantsearch from 'instantsea

0 2023-12-01 编程技术问答社区 angular webpack ionic3 algolia instantsearch.js

如何解决Ionic未发现的错误。当添加新页面时，无法找到模块"."？

未被发现的错误:找不到模块"." at webpackMissingModule (index.js:3) at e.code (index.js:3) at Object. (index.js:9) at __webpack_require__ (bootstrap ee3a374a94c4cd74e2a6:54) at Object.256 (main.ts:5) at __webpack_require__ (bootstrap ee3a374a94c4cd74e2a6:54) at Object.233 (main.js:412) at __webpack_require__ (bootstrap ee3a374a94c4cd74e2a6:54) at webpackJsonpCallback (bootstrap ee3a374a94c4cd74e2a6:25) at m

0 2023-12-01 编程技术问答社区 javascript angular webpack ionic3 angular6

Ionic PWA从config.xml获取版本号

我想在离子PWA中显示config.xml的版本号. 使用离子本机应用程序插件为iOS/Android构建进行操作很容易. 但是什么是PWA构建的好方法 (NPM运行构建 - 释放-prod)? 解决方案好吧，因此，如果PWA上没有Cordova-Plugin-app-version，则是访问config.xml文件的另一种方法是使用grunt任务将版本复制到模板(如您所知，在离子上，config.xml文件未放置在"服务"位置上，因此无法从config.xml中读取执行时间的版本. 例如，如果我们在package.json中控制了应用程序版本，我们可以配置一个将版本复制到config.xml和src/index.html. 的grunt任务 on package.json 设置应用程序版本. { "name": "my-app", "version": "1.0.7", ... 安装 grunt 在您的项目上. $> npm inst

0 2023-12-01 编程技术问答社区 webpack ionic3 progressive-web-apps

Ionic未发现的错误。当导入一个服务提供者时，无法找到模块"."。

我正在尝试导入我从我的离子应用中最新分支中提取后创建的新服务提供商. 当我尝试导入这条代码时: import { AuthServiceProvider } from '../providers/auth-service' 在 app.module.ts 我总是有一个错误，说: Uncaught Error: Cannot find module "." at webpackMissingModule (index.js:3) at e.code (index.js:3) at Object. (index.js:9) at __webpack_require__ (bootstrap 62d6a5897825ac327001:54) at Object.690 (slide.transition.ts:67) at __webpack_require__ (bootstrap 62d6a5897

0 2023-12-01 编程技术问答社区 javascript typescript ionic-framework webpack ionic3

怎样才能减少Ionic Cordova项目的启动时间？

我做了一个离子科尔多瓦项目，但在发布给Android手机后.我们程序的持续时间约为10-20秒，对手机类型进行了反应. 当我搜索这个问题时，人们说这是因为飞溅屏幕持续时间(离子飞溅屏幕不加载和任何图像的路径问题第三方库外部CDN脚本库页面的懒惰加载我尝试解决上述问题，例如我删除了第三方库或基于CDN的脚本，然后检查所有图像路径等. 我认为离子是移动编程的错误选择. 是否有任何解决方案可以减少我的移动应用程序的开放时间? 谢谢解决方案所有其他答案也是必要的，但我想添加其他意见. 如果您使用离子3，您可以尝试懒惰的加载并丢弃不必要的第三方库，例如Awesome或其他... Ionic 3中的这一新功能不仅使我们的代码更加简洁，而且还避免在每个班级中键入每次该死的路径的麻烦！懒惰的加载使我们只能使用字符串. ，我们可以在任何地方访问页面. 在旧版本中，您需要使用 import { AboutPage } f

0 2023-11-30 编程技术问答社区 angular mobile ionic-framework deployment ionic3

Ionic 3 Cordova ajax调用在Windows 10上失败（UWP）

我曾试图询问此时，购买没有真正的答案，现在已经挣扎了一个多月. 我只是无法在为Windows 10 UWP构建的Ionic 3 Cordova应用程序上工作.他们可以访问本地主机，但不能访问任何外部连接. 该应用程序在Android和iOS上都可以正常工作. 我正在尝试在开发机器上本地测试.我使用证书(购买)签名，安装此证书，构建Windows的应用程序，并可以打开构建的CordovaApp.Windows10_1.0.1.1_x86.appxupload，然后双击要安装的嵌入式CordovaApp.Windows10_1.0.1.1_x86.appx文件，该文件已成功完成.安装表示应用需要互联网访问. 在config.xml中，我有以下标签，如其他地方建议... 但是，当我运行时，http.get呼叫只是返回0，没有其他信息.我可以在Visual

0 2023-11-25 编程技术问答社区 ajax cordova uwp ionic3 visual-studio-cordova

如何在没有顶部标签的情况下浏览网页 App.component root

我正在使用离子3，vs code iDE最近，我提出了有关从根选项卡页面到另一个页面(主页)的导轨，而没有顶部标签? app.component.ts import { UserTabsPage } from '../pages/user-tab/user-tabs'; export class MyApp { rootPage:any = UserTabsPage; constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {} } usertabspage.ts export class UserTabsPage { tab1Root = UserLoginPage; tab2Root =LoginPage; constructor() { } } usertabspage.html

0 2023-11-25 编程技术问答社区 angular visual-studio-code ionic3

如何在typescript / angular中为Child html元素设置样式？

我正在使用离子3来构建混合移动应用程序，其中一个要求是用户有能力动态更改工具栏颜色.渲染页面后，HTML的样子是: //this div i can control //but this one is generated by the framework and this is the div that change the background color of the toolbar 我试图做以下操作: document.getElementById('divICanControl').childNodes[0].style.backgroundColor = this.someColor; 它偶尔工作，但在VSCODE中创建了以下错误: [ts] Property 'style' does not exist on type 'Node'. 它停止了应用程序的构建.

0 2023-11-25 编程技术问答社区 angular typescript dom visual-studio-code ionic3

Ionic 3 , videojs-panorama不支持在Android中得到错误DOMException。执行'texImage2D'时失败。

使用时我会遇到此错误视频panorama dom异常:在" webglrenderingcontext"上无法执行'teximage2d':视频元素包含交叉孔数据，并且不得加载. https://github.com/yanwsh/yanwsh/videojs-panorama-panorama (function (window, videojs) { var player = window.player = videojs('videojs-panorama-player', {}, function () { }); var videoElement = document.getElementById("videojs-panorama-player"); var width = videoElement.offsetWidth; var height = videoElement.offsetHeight; player.width(width), playe

0 2023-11-18 编程技术问答社区 ionic-framework ionic3 video.js

Ionic2应用程序的版本控制中应包括哪些源代码文件？

我建立一个离子2应用程序.版本控制将通过SVN进行. 使用离子CLI创建应用时，生成了许多文件.添加平台时也会发生同样的事情. 是否有任何标准方法定义要在版本控件中包含哪些文件以及要包含哪些文件. (即我认为平台文件夹应该被忽略). 解决方案您可以随时查看# Specifies intentionally untracked files to ignore when using Git # http://git-scm.com/docs/gitignore *~ *.sw[mnpcod] *.log *.tmp *.tmp.* log.txt *.sublime-project *.sublime-workspace .vscode/ npm-debug.log* .idea/ .sass-cache/ .tmp/ .versions/ coverage/ dist/ node_modules/ tmp/ temp/ hooks/ platforms/ plugins/

0 2023-11-18 编程技术问答社区 version-control ionic2 ionic3

如何在Ionic 3的表单中显示错误信息

在这里，我尝试在Ionic-3中显示错误消息. 这是我的email.html文件: Email

0 2023-11-13 编程技术问答社区 angular validation ionic-framework ionic3

在Ionic 3中无法在.spec.ts文件中找到模块

我正在从事离子3(角类型)应用，并且要实现unit testing，我正在使用茉莉和 karma .离子3(角类型)的项目结构没有为页面/组件/提供商提供.spec.ts文件.因此，我手动创建了页面的.spec文件，但是它显示"无法找到模块"@angular/core'和'Condy Module'@angular/core/testing'错误. 因为这些文件无法获取模块或无法触及这些模块的路径. 我尝试了以下方式: 删除了node_modules并重新安装了它(NPM安装). ran命令 npm i @angular/core/core ，带和不带-Save-dev. 新安装后也重新启动崇高和终端. ，但这些并没有为问题带来任何解决方案. 那么，有什么方法可以解决此问题吗?还是我错误地实施了茉莉 - 卡玛单元测试?请建议. karma.conf.js: var webpackConfig = require('./webpack.test

2 2023-11-07 编程技术问答社区 angular typescript unit-testing ionic3 karma-jasmine

如何在ionic 3中返回多个页面

我的页面流如下: A->B->C->D 以某种方式我将在需要回到" b"的页面" D"中执行功能. 我该如何实现? 使用.pop()只需返回一页即可. 使用.push(b)也不是解决方案，因为流将变为: A->B->C->D->B 我想要的解决方案是: A->B 有人知道如何实现吗?非常感谢. 解决方案 this.navCtrl.popTo(this.navCtrl.getByIndex(this.navCtrl.length()-(N+1))); 其中N是您要返回的页面数量. 所以，如果您想返回2页N=2 其他解决方案尝试使用POPTO()方法，通过在类似的参数中给出页面索引: : nav.popTo( this.navCtrl.getByIndex(1))

8 2023-11-03 编程技术问答社区 ionic2 uinavigationbar ionic3

本地通知中的自定义声音 IONIC 3

我想更改Android上本地通知的默认声音，但它不起作用我试图将声音文件放入项目中，但是当我运行应用程序时，它会播放默认声音我也试图在声场上放置一个远程声音文件，但是同样的问题 this.localNotifications.schedule({ text: 'Delayed ILocalNotification', at: new Date(new Date().getTime() + 3600), led: 'FF0000', sound: 'https://notificationsounds.com/soundfiles/15de21c670ae7c3f6f3f1f37029303c9/file-sounds-1085-definite.mp3', }); 解决方案您放置的声音文件正确. 但是，当您构建Android应用程序时，它的位置不同. android_asset/www/assets/sound

10 2023-11-03 编程技术问答社区 javascript audio ionic-framework ionic3 uilocalnotification

照片库插件在ios13版本中崩溃

:问题链接当用户想从Ionic 3中的库中获取图像时，应用程序崩溃. 它在iPhone X中工作，但是在iPad上尝试时，它会在上面给出的链接中获得错误. 有人可以帮忙吗?提前致谢！解决方案只需在ImagePicker选项中添加属性: disable_popover: true 它将解决崩溃的问题.但是，日志中仍然存在错误！愉快的编码！！！

4 2023-11-03 编程技术问答社区 ios ionic-framework ionic3 uiimagepickercontroller

订阅功能不能正常工作

在此代码中，订阅函数在loadFromDB函数中的最后一行之后执行: 在 loadFromDB(){ const loading = this.loadingCtrl.create({ content: 'pleas wait' }); loading.present(); this.getInterviewFromDB() .subscribe((data) => { this.events = data; console.log( 'before'); }); this.getMeetingsFromDB().subscribe((data)=>{ this.events.concat(data); }); loading.dismiss(); console.log( 'after'); }

6 2023-11-01 编程技术问答社区 angular typescript firebase ionic-framework ionic3

如何在for循环中等待响应？

描述:我在循环中打电话给http请求. P> for(let i=0;i{ if(data.hasOwnProperty('STATUS')) { if(data.STATUS.toLowerCase()=='success') { this.update(); } else if(data.STATUS.toLowerCase() == 'error') { this.user.showToast(data.MESSAGE); } } },err=>{ this.user.showToast("Error occu

6 2023-11-01 编程技术问答社区 javascript typescript ionic-framework ionic3

将ionic 3应用程序转换为apk

我是离子3的新手.我已经生成了调试文件(debug.apk). 我需要做什么才能获得未签名的APK. 更新1-> 请帮助我. 预先感谢！！！解决方案您在这里有2个选项. 选项1 :(付费服务) 使用用离子软件包在云中创建本机应用程序以从代码到没有平台依赖性或复杂的构建步骤的App Store. 选项2: 您需要为每个平台手动执行此操作.这里是

4 2023-11-01 编程技术问答社区 android angular typescript ionic-framework ionic3

怎样才能在点击事件中改变按钮的文字？

我想在按钮进行cklick时更改文本，并在再次单击时将其重新更改.我该怎么做? 我尝试了这样的事情.但是我不知道我可以对文字进行敬意 html Hello ts public text: string = 'hello'; 构造函数 public changeText(): void { if(this.text === 'hello') { this.text = 'rank' } else { this.text = 'hello' } } 解决方案您可以使用插值，然后您的按钮看起来像: {{text}}

2 2023-11-01 编程技术问答社区 angular typescript ionic3

Ionic，生成生产构建时的错误

我遇到了无法解决的错误. 尝试使用 - prod 创建构建时的错误开始，我正在修复，更新依赖关系，以及当前执行ionic cordova build android --prod --verbose时，我得到了: 打字稿错误 " ion-icon"不是已知的元素:1.如果'ion-icon'是角度成分，然后验证它是这个模块. 2.如果'ion-icon'是Web组件此组件的'@ngmodule.schemas'以抑制此消息. ("> [错误 - >] ") 'ion-buttons'不是已知元素:1.如果'ion buttons'是一个角度，则验证它是该模块的一部分. 2.如果'ion-buttons'是Web组件，则将'custom_elements_schema' 此组件的'@ngmodule.schemas'以抑制此消息. (" [错误 - >]") 'ion-col'不是已知元素:1.如果'ion-col'是角度成分这个模块. 2.如果'ion-c

4 2023-11-01 编程技术问答社区 angular typescript ionic-framework ionic3

首页
<
1
2
3
4
5
6
7
8
>
尾页