Coder Social home page Coder Social logo

firminoweb / ionic-start-theme Goto Github PK

View Code? Open in Web Editor NEW
285.0 18.0 172.0 12.19 MB

📱 Ionic(Angular) start theme (v2.0.0) with: Angular 15, @ionic/angular 6, Capacitor 4, Swiper 8 and more.

Home Page: https://ionic-start-theme.vercel.app

License: MIT License

JavaScript 1.82% TypeScript 50.04% HTML 36.50% SCSS 11.65%
ionic ionic-framework ionic-template starter-template ionicframework ionic-starter ionic-theme angular angular15 capacitor

ionic-start-theme's Introduction

Ionic Start Theme (v2.0.0)

Ionic(Angular) start theme Latest Ionic version (6+) starter theme with Angular. Experiencing the best of new features to start your project.

Built with

  • Ionic CLI 6+
  • Angular 15+
  • @ionic/angular 6.5+
  • Capacitor 4+
  • Swiper 8+
  • Animate.css 4+
  • Chart.js 4+

General features

  • 15+ Pages
  • Guards sample
  • Tabs structure
  • Services sample
  • Lazy loading
  • Android/iOS ready
  • Components and Actions samples

Requirements

  • Node 16+
  • Npm 8+
  • Ionic CLI 6+

See more here Ionic Docs


Installing / Serve / Prod

$ npm i
$ ionic serve or $ npm start
$ ionic build --prod or $ npm run prod

ionic-start-theme's People

Contributors

firminoweb avatar toninhobr avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

ionic-start-theme's Issues

CLI Error

err2

After update / installing all the dependencies , still receiving this error. Please kindly check the attach file. thanks

Theme not installed correctly

screenshot 43
I have the above error when serve command loads.
The following information shows when loading ionic info command in the theme root folder
Ionic:

ionic (Ionic CLI) : 4.2.0
Ionic Framework : not installed
@angular-devkit/core : not installed
@angular-devkit/schematics : not installed
@angular/cli : not installed
@ionic/ng-toolkit : not installed
@ionic/schematics-angular : not installed

Cordova:

cordova (Cordova CLI) : 8.1.1 ([email protected])
Cordova Platforms : not available
Cordova Plugins : not available

System:

NodeJS : v8.12.0 (C:\Program Files\nodejs\node.exe)
npm : 6.4.1
OS : Windows 10

ERROR

ERROR in src/app/pages/home/home.page.ts(30,17): error TS2339: Property 'scrollToTop' does not exist on type 'Content'.

can I solve this?

Error with new CodeSandbox version

DependencyNotFoundError
Could not find dependency: '@angular/compiler' relative to '/node_modules/@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js'
Suggested solutions:
Add @angular/compiler as dependency
▶ 11 stack frames were collapsed.
evaluate
main.ts:2
1 | import { enableProdMode } from '@angular/core';

2 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
3 |
4 | import { AppModule } from './app/app.module';
5 | import { environment } from './environments/environment';

Property 'helperService' is used before its initialization

In charts.page.ts, in the class "ChartPage" , "color: this.helperService.getColorVariable('medium')" indicate error: Property 'helperService' is used before its initialization.ts(2729)
charts.page.ts(202, 5): 'helperService' is declared here. I've tried to find a solution with no result..
As a result, the graph is not displayed. Here's the message in the console/

core.mjs:8506 ERROR Error: Uncaught (in promise): TypeError: Cannot read properties of undefined (reading 'getColorVariable')
TypeError: Cannot read properties of undefined (reading 'getColorVariable')
at new ChartsPage (charts.page.ts:27:37)
at NodeInjectorFactory.ChartsPage_Factory [as factory] (ɵfac.js:1:1)
at getNodeInjectable (core.mjs:3485:44)
at createRootComponent (core.mjs:12391:35)
at ComponentFactory.create (core.mjs:12272:25)
at ViewContainerRef.createComponent (core.mjs:21416:47)
at IonRouterOutlet.activateWith (ionic-angular.js:3488:57)
at ActivateRoutes.activateRoutes (router.mjs:3048:40)
at router.mjs:2997:18
at Array.forEach ()
at resolvePromise (zone.js:1265:35)
at resolvePromise (zone.js:1219:21)
at zone.js:1332:21
at _ZoneDelegate.invokeTask (zone.js:446:35)
at core.mjs:23999:55
at AsyncStackTaggingZoneSpec.onInvokeTask (core.mjs:23999:36)
at _ZoneDelegate.invokeTask (zone.js:445:64)
at Object.onInvokeTask (core.mjs:24300:33)
at _ZoneDelegate.invokeTask (zone.js:445:64)
at Zone.runTask (zone.js:214:51)

Compile Error

Dear,
When I run the project,I faced the fowling error,
any solution for this?

[ng] ERROR in node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ';' expected.
[ng] node_modules/rxjs/internal/types.d.ts(81,74): error TS1005: ';' expected.
[ng] node_modules/rxjs/internal/types.d.ts(81,77): error TS1109: Expression expected.
[ng] node_modules/rxjs/internal/types.d.ts(82,52): error TS1005: ';' expected.
[ng] node_modules/rxjs/internal/types.d.ts(82,88): error TS1005: ';' expected.
[ng] node_modules/rxjs/internal/types.d.ts(82,92): error TS1109: Expression expected.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.