Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI

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


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (2)


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



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
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(