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.
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"
]
import { tns } from "tiny-slider/src/tiny-slider";
ngOnInit() {
tns({
container: ".my-slider",
items: 1,
slideBy: "page",
autoplay: true
});
}