Duda con aplicacion ionic

estoy empezando con este framework (el cual me gusta mucho por su rapidez de desarrollo) y me surgen unas dudas.

1º) Si quiero crear una aplicación hibrida (web y móvil), ¿como puedo hacer para el tema de la navegación? Me explico, en el navegador web me gustaría que apareciese la típica barra de menú (los de toda la vida) y en cuanto a móviles con su respectivo menú tipo slide, ¿esto se puede conseguir?

2º) Mi idea de proyecto es crear la web, pero la “BBDD” o gestión del contenido sea con de WordPress (por su sencillez) y usar su API REST, esto lo he conseguido ya gracias a HttpClient de angular. ¿Es factible este método de trabajo?

3º) ¿Cómo afecta este tipo de aplicación al posicionamiento?

Gracias de antemano. Un saludo!!

sudo npm install -g ionic not working

I have been trying to install Cordova and ionic on ubuntu 18.04. Cordova installed fine, but ionic generated this error:

   WARN checkPermissions Missing write access to /usr/lib/node_modules/ionic npm ERR! path /usr/lib/node_modules/ionic npm ERR! code ELOOP npm ERR! errno -40 npm ERR! syscall access npm ERR! ELOOP: too many symbolic links encountered, access '/usr/lib/node_modules/ionic' 

I tried upgrading npm to version 6.10.1. Still, it did not work! Also, when I used ls -la /usr/lib/node_modules I got the following:

 lrwxrwxrwx   1 root marwa    5 Jul 18 22:32 ionic -> ionic 

Como usar javascript direto no ionic

Boa noite pessoal, tenho esse código em javascript:

var acc = document.getElementsByClassName(“accordion”); var i;

for (i = 0; i < acc.length; i++) {   acc[i].addEventListener("click", function() {     this.classList.toggle("active");     var panel = this.nextElementSibling;     if (panel.style.maxHeight){       panel.style.maxHeight = null;     } else {       panel.style.maxHeight = panel.scrollHeight + "px";     }    }); } 

Ele controla um button que ao clicar surge uma div, ou seja um button expansível, o meu problema é que ao utilizar no ionic foi necessário eu criar um método, e por isso para que funcione a expansão é necessário que eu clique 2 vezes, código no typescript:

expandable(){     var acc = document.getElementsByClassName("accordion"); var i;  for (i = 0; i < acc.length; i++) {   acc[i].addEventListener("click", function() {     this.classList.toggle("active");     var panel = this.nextElementSibling;     if (panel.style.maxHeight){       panel.style.maxHeight = null;     } else {       panel.style.maxHeight = panel.scrollHeight + "px";     }    }); }   } 

HTML no ionic:

<p style="text-align: center; font-size: 20px;">Projetos</p>  <div *ngFor="let item of projeto">     <button (click)="expandable()" class="accordion" >Projeto: {{item.tituloProjeto}}</button>        <div class="panel">       <p> Descricao: {{item.descricaoProjeto}}</p> <br/>       <p> Preco: {{item.preco}}</p> <br/>       <p> Data: {{item.data}}</p> <br/>    </div>   </div> 

como poderia arrumar isso? lembrando que com js puro e html e eu colocando o js na mesma página funciona normal.

Recargar un mapa después de volver de background Ionic 4

Estoy intentando realizar lo siguiente: Al comienzo de mi página se mira si la localización está activada, si lo está muestra un mapa. Si no, muestra un cuadro que pone sin GPS. El problema es el siguiente:

Cuando la página comprueba que estas sin localización activada, presenta un alert para llevarte a la settings del teléfono y activarlas; estoy buscando que a la vuelta de las settings me vuelva a aparecer el mapa y que se cargue, y a la viceversa, que si quito la localización el mapa se desactive y ponga el cuadro “sin GPS.” Pero me es imposible. Estoy intentando utilizar el siguiente código para controlar la salida y entrada a la app:

this.platform.resume.subscribe(async () => {   console.log("VUELTA A LA APP ");    this.variables.localizacionActivada = await this.verificaciones.comprobarLocalizacionActivada();   if (this.variables.localizacionActivada) this.map = null; await this.loadMap(); }); 

ionic no muestra contenido

Hola recientemente comencé a aprender javascript, junto con ionic les comento mi problema al poner codigo en el constructor no me muestra contenido mejor dicho de ja de mostrar el contenido trataba de realizar una app tipo linterna y me encuestro con este inconveniente que me deja la pantalla en blanco al colocar constructor( public flash : Flashlight) en el constructor.

este es mi archivo home.page.ts

import { Component } from '@angular/core'; import { Flashlight } from '@ionic-native/flashlight/ngx';  @Component({   selector: 'app-home',   templateUrl: 'home.page.html',   styleUrls: ['home.page.scss'], }) export class HomePage {    constructor( public flash : Flashlight){    }    switchFlash(evento){     let power = evento.target.checked;      if (power) {       this.flash.switchOn();     } else {       this.flash.switchOff();     }   }  } 

y este el de home.page.html

    <ion-header>     <ion-toolbar>       <ion-title>         Ionic Blank       </ion-title>     </ion-toolbar>   </ion-header>    <ion-content padding>     <label>     <input type="checkbox" (change)="switchFlash($  event)"/>     <div>       <span class="on">On</span>       <span class="off">Off</span>     </div>       <i></i>   </label>    </ion-content> 

Usar Ionic em um projeto grande para web é uma boa prática?

Eu e minha equipe estamos prestes a começar um projeto grande e iremos fazer versões web e mobile. Como não temos muito tempo, estamos olhando por frameworks que agilizam o nosso trabalho, como o Ionic (mas a questão também seria válida para outros como Angular puro, React, Vue.js, etc). A pergunta é: seria uma boa prática no sentido performático desenvolver uma plataforma web utilizando essas tecnologias? Ou seria melhor não utilizar essas, e procurar uma outra solução como PWA? Sei que o navegador sofre bastante para processar JavaScript, e como sabemos esses frameworks costumam trazer toneladas de arquivos js e gostaria de saber se é viável o front-end de um sistema que conterá a maior parte do público alvo na web ser feito utilizando um desses frameworks.

Problema con Cordova e Ionic

Os cuento un poco.

He instalado Nodejs (LTS) y todo correcto. Puedo ver la versión de node y npm, pero he instalado Cordova e Ionic y al comprobar las versiones me aparece el siguiente error.

Error: Cannot find module ‘C:\Windows\System32\node_modules\ionic\bin\ionic’ o

Error: Cannot find module ‘C:\Windows\System32\node_modules\ionic\bin\cordova’

He intentado buscar información pero no he encontrado nada…. He revisado las variables de entorno y las tengo bien, o eso creo….

c:\Program Files\nodejs

Por algún motivo está buscando en System32 y evidentemente hay no esta node_modules…

Trabajo sobre Windows 10 Pro 64bits y la instalación de cordova e ionic la hago asi:

npm install -g cordova ionic

¿Puede ayudarme alguien con esto?

Gracias de antemano. Un saludo.

i cannot create a new project in ionic 5

am trying to create a new project with ionic 5 but when i ran ionic start client blank on the terminal i got this error

 npm.cmd i npm ERR! Unexpected end of JSON input while parsing near '...latest","jake":"lates'  npm ERR! A complete log of this run can be found in: npm ERR!     C:\Users\De Stone Of David\AppData\Roaming\npm-cache\_logs19-07-03T00_18_32_357Z-debug.log [ERROR] An error occurred while running subprocess npm.          npm.cmd i exited with exit code 1.          Re-running this command with the --verbose flag may provide more information. 

my ionic version is 5.2.1

pls what is causing this error and how can i get rid of it, Thanks