Comments (6)
What does your package.json look like? I assume you're using the ngx-tour-md-menu
plugin.
from ngx-tour.
Yes, I installed ngx-tour-md-menu through npm. Here's my dependencies:
"dependencies": {
"@angular/animations": "4.1.3",
"@angular/cdk": "2.0.0-beta.11",
"@angular/common": "4.1.2",
"@angular/compiler": "4.1.2",
"@angular/compiler-cli": "4.1.2",
"@angular/core": "4.1.2",
"@angular/forms": "4.1.2",
"@angular/http": "^4.4.5",
"@angular/material": "2.0.0-beta.11",
"@angular/platform-browser": "4.1.2",
"@angular/platform-browser-dynamic": "4.1.2",
"@angular/router": "^4.4.5",
"@auth0/cordova": "^0.1.0",
"@ionic-native/core": "3.12.1",
"@ionic-native/splash-screen": "3.12.1",
"@ionic-native/status-bar": "3.12.1",
"@ionic/storage": "2.0.1",
"angular2-elastic": "^0.13.0",
"angular2-jwt": "^0.2.3",
"auth0-js": "^8.8.0",
"auth0-lock": "^10.19.0",
"bcryptjs": "^2.4.3",
"cordova-android": "^6.2.3",
"cordova-ios": "^4.4.0",
"cordova-plugin-console": "^1.0.7",
"cordova-plugin-customurlscheme": "^4.3.0",
"cordova-plugin-device": "^1.1.4",
"cordova-plugin-safariviewcontroller": "^1.4.7",
"cordova-plugin-splashscreen": "~4.0.1",
"cordova-plugin-statusbar": "2.2.1",
"cordova-plugin-whitelist": "1.3.1",
"core-js": "^2.4.1",
"fs-extra": "^3.0.1",
"ion2-calendar": "^2.0.10",
"ionic-angular": "3.3.0",
"ionic-plugin-keyboard": "~2.2.1",
"ionic2-autosize": "^1.1.2",
"ionicons": "3.0.0",
"moment": "^2.19.1",
"ngx-tour-md-menu": "^1.0.4",
"node-sass": "^4.5.3",
"object-keys": "^1.0.11",
"rxjs": "5.1.1",
"sw-toolbox": "3.4.0",
"zone.js": "0.8.11"
},
"devDependencies": {
"@ionic/app-scripts": "1.3.7",
"@types/jasmine": "^2.5.41",
"@types/karma": "^0.13.36",
"@types/node": "^7.0.8",
"angular2-template-loader": "^0.6.2",
"connect": "^3.6.2",
"html-loader": "^0.4.5",
"ionic": "3.13.0",
"jasmine": "^2.5.3",
"jasmine-spec-reporter": "^4.1.0",
"karma": "^1.5.0",
"karma-chrome-launcher": "^2.0.0",
"karma-jasmine": "^1.1.0",
"karma-jasmine-html-reporter": "^0.2.2",
"karma-sourcemap-loader": "^0.3.7",
"karma-webpack": "^2.0.3",
"null-loader": "^0.1.1",
"protractor": "^5.1.1",
"protractor-fail-fast": "^3.0.2",
"ts-loader": "^2.0.3",
"ts-node": "^3.0.2",
"typescript": "2.3.3"
},
from ngx-tour.
Your @angular/something
dependencies should all be using the same version except for @angular/cdk
and @angular/material
. I don't know if that's causing this issue, but it will definitely cause issues.
from ngx-tour.
Thanks for the tip! They are now all at 4.1.2 (except for cdk and material).
This error now comes up. I don't know if that has anything to do with the issue as it's just a warning, but who knows. I've tried looking it up but the solutions are for angular cli users and don't work for me.
<link href="node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">
is what I put in my index.html for material as per the link.
I'm wondering if it's an ionic issue or just incompatible? Any ideas?
Thanks again!
from ngx-tour.
It looks like your node_modules folder is not being served up by the web server. You could try copying that css theme file to an assets folder and referencing it from there. Not having the css file loaded will definitely make the tour not show up correctly.
from ngx-tour.
Here's the official material documentation on adding the theme file:
https://material.angular.io/guide/getting-started#step-4-include-a-theme
from ngx-tour.
Related Issues (20)
- Prevent popup from closing when you click outside or inside HOT 3
- Adding maintainers HOT 6
- After update angular 10 I have got a compilation errors. HOT 5
- backdrop not work properly on some tag HOT 1
- show each step after that contents completely render HOT 3
- Move ngxpopper documentation to branch until it's reinstated
- ngx-tour-ng-bootstrap Compilation error HOT 1
- Cannot find module 'ngx-bootstrap'
- Relase ngx-tour-ngx-bootstrap HOT 1
- ERROR in node_modules/ngx-tour-core/lib/tour.service.d.ts(2,13): error TS1005: '=' expected. HOT 4
- Enable HTML tags in step content HOT 1
- enableBackdrop missing in IStepOption? HOT 1
- Overlay doesn't go away on navigating back HOT 1
- Skip a step when the anchorId is undefined HOT 2
- ngx-tour-ngx-popper not intantiating twice in the same module HOT 1
- No provider for TourStepTemplateService! issue while running test with Jest.
- Sriram HOT 2
- All steps render off screen at bottom
- Cannot set properties of undefined (setting 'step')
- Find bug on latest version of lib, cannot go on next step if user not set stepId on IStepOption object
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ngx-tour.