Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Tiny Slider in Metronic 8


Hi! Currently I am working on a project which needed the slider. But when I implement it, the tiny slider does not shows up. Then when I install the library using 'npm install tiny-slider' and run again, there is an error "Duplicate identifier 'node_modules/tiny-slider/src/tiny-slider.d.ts:243:5 - error TS2300: Duplicate identifier 'preventScrollOnTouch'.'". Why is it happening and how to fix it ? Right now I am using demo 1 and metronic 8


user
Amir Hadi 1 year ago
Angular Metronic Bootstrap 5
2 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (2)

user
Faizal Author 1 year ago

Hi Amir

Thanks for pointing that out—it's great to know removing the duplicate initialization resolved the issue. We will fix it. Let us know if you encounter any issues.

Thanks


user
Faizal Author 1 year ago

Hi Amir Hadi

Check if multiple versions of tiny-slider are installed in your project:

npm ls tiny-slider


If you see more than one version, deduplicate it by running:
</pre>
npm dedupe

Remove the tiny-slider package:

<pre>

npm uninstall tiny-slider


Add "skipLibCheck": true to your tsconfig.json:

{

 "compilerOptions": {

 "skipLibCheck": true

 }

}


Remove the node_modules folder and reinstall:

rm -rf node_modules package-lock.json

npm install


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(