Lint Deploy Issue

Help
1

I introduced Embla Carousel and since then I am seeing Linting issue during deployment.
I am not able to replicate the same in my local.
Even after ignoring Lint during build, it is not working

We detected TypeScript in your project and reconfigured your tsconfig.json file for you. Strict-mode is set to false by default.
The following suggested values were added to your tsconfig.json. These values can be changed to fit your project’s needs:
- include was updated to add ‘.next/types/**/*.ts’
Failed to compile.
./components/ui/EmblaCarousel.tsx:15:24
Type error: Parameter ‘props’ implicitly has an ‘any’ type.
13 | const TWEEN_FACTOR_BASE = 0.2
14 |

15 | const EmblaCarousel = (props) => {
| ^
16 | const { slides, options } = props
17 | const [emblaRef, emblaApi] = useEmblaCarousel(options, [
18 | Autoplay({ playOnInit: true, delay: 2000 })
Error: Command “npm run build” exited with 1

2

Hi, @subratsahani-gmailco! Welcome to the Vercel Community :smile:

We’d need more information to help you out here. Could you share a minimal reproducible example for us?

You could also try the following troubleshooting steps:

  • TypeScript Configuration: Set tsconfig.json to strict mode and add recommended options.
  • TypeScript Error in EmblaCarousel.tsx: Define explicit types for the props parameter in EmblaCarousel.
  • Linting During Build: Temporarily ignore TypeScript errors in production by adjusting next.config.js.
  • Dependency Issues: Ensure all dependencies, including Embla Carousel, are installed and updated.
  • Local vs. Deployment Environment: Match Node.js versions between local and deployment environments for consistency.
  • Clean and Rebuild: Clear build cache, reinstall dependencies, and rebuild the project.
3

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.