zyra / ionic-tooltips-example

Example project for ionic-tooltips module
9 stars 5 forks source link

Ionic 4 Cannot find module 'ionic-angular' #3

Open hsnbrji opened 5 years ago

hsnbrji commented 5 years ago

This package is not working in Ionic 4.

[ng] ERROR in node_modules/@angular/platform-browser/animations/src/providers.d.ts(8,119): error TS2305: Module '"C:/Users/hassan.bourji/WebstormProjects/MerchantPortalIonic/MerchantPortal/node_modules/@angula r/animations/browser"' has no exported member 'ɵCssKeyframesDriver'. [ng] node_modules/ionic-tooltips/dist/tooltip.directive.d.ts(2,26): error TS2307: Cannot find module 'ionic-angular'.

Tried adding ionic-angular to my packages, another error was thrown

[ng] node_modules/ionic-angular/umd/components/input/input.d.ts(3,10): error TS2305: Module '"C:/Users/hassan.bourji/WebstormProjects/MerchantPortalIonic/MerchantPortal/node_modules/rxjs/Subject"' has no expor ted member 'Subject'. [ng] node_modules/ionic-angular/umd/components/tabs/tabs.d.ts(2,10): error TS2305: Module '"C:/Users/hassan.bourji/WebstormProjects/MerchantPortalIonic/MerchantPortal/node_modules/rxjs/Subject"' has no exporte d member 'Subject'. [ng] node_modules/rxjs/Subject.d.ts(1,15): error TS2307: Cannot find module 'rxjs-compat/Subject

I guess this package is still not compatible with ionic 4. Will it be updated anytime soon?

jbarog commented 5 years ago

Same thing here

not-a-designer commented 5 years ago

i manually changed the imports in this package from 'ionic-angular' to '@ionic/angular' and that fixed that specific error. I believe its in tooltip-directive, But now I am running into this error

ERROR TypeError: Cannot read property 'createComponent' of undefined
    at Tooltip.push../node_modules/ionic-tooltips/dist/tooltip.directive.js.Tooltip._createTooltipComponent (tooltip.directive.js:171)
    at Tooltip.push../node_modules/ionic-tooltips/dist/tooltip.directive.js.Tooltip.showTooltip (tooltip.directive.js:119)
    at Tooltip.push../node_modules/ionic-tooltips/dist/tooltip.directive.js.Tooltip.trigger (tooltip.directive.js:105)
    at Tooltip.push../node_modules/ionic-tooltips/dist/tooltip.directive.js.Tooltip.onClick (tooltip.directive.js:150)
    at Object.eval [as handleEvent] (TabsPage.html:6)
    at handleEvent (core.js:19545)
    at callWithDebugContext (core.js:20639)
    at Object.debugHandleEvent [as handleEvent] (core.js:20342)
    at dispatchEvent (core.js:16994)
    at core.js:17441

any insight @ihadeed ?

Atto75 commented 5 years ago

ionic-angular make ionic/angular

vishalkumarmg1 commented 5 years ago

instead of this : import { Firebase } from '@ionic-native/firebase';

try this : import { Firebase } from '@ionic-native/firebase/ngx';

jrquick17 commented 4 years ago

You have to use version 4+ for Ionic 4.

npm i ionic-tooltips@4.0.0-beta.0 --save