Cannot implement tiny-slider
While I try to import the tiny-slider, got this following issue:
Error: ../node_modules/tiny-slider/src/tiny-slider.d.ts:243:5 - error TS2300: Duplicate identifier 'preventScrollOnTouch'.
When I unistall the tiny slider from module, I still cannot run and the tiny slider doesn't shows up also. Right now I am using the metronic 8 with angular 17, the demo theme is demo 1.
Replies (3)
I have seen this problem and the solution that you have given it works on Club Seventeen
Which part of the installed program are you having Block Blast trouble with?
Hi
Try to reinstall Tiny Slider, to clear any corrupted or cached installation of tiny-slider:
Remove tiny-slider completely:
npm uninstall tiny-slider
Clear your node_modules and reinstall:
rm -rf node_modules package-lock.json
npm install
Reinstall tiny-slider:
npm install tiny-slider
Add the tiny-slider styles and scripts if not already included in your angular.json:
"styles": [
"node_modules/tiny-slider/dist/tiny-slider.css",
"src/styles.scss"
],
"scripts": [
"node_modules/tiny-slider/dist/min/tiny-slider.js"
]Sample code usage:
import { tns } from "tiny-slider/src/tiny-slider";
ngOnInit() {
tns({
container: ".my-slider",
items: 1,
slideBy: "page",
autoplay: true
});
}
