← All errors · BoltLovable & Bolt app errors

The requested module does not provide an export named

Exact error

Uncaught SyntaxError: The requested module '/src/components/Button.tsx' does not provide an export named 'Button'

What it means

An import uses a named import ({ Button }) but the file exports something else, typically a default export, or the name changed.

Likely causes

• Mixing default and named exports.
• The AI renamed an export but not its imports.

How to fix it

1. Match the import to the export:

   // Button.tsx
   export default function Button() {}
   // usage
   import Button from './Button';
   
   // or named
   export function Button() {}
   import { Button } from './Button';

Prevent this next time

• Connect the project to GitHub so every AI edit is versioned and reversible.
• Run `npm run build` locally or in CI before deploying an exported project.

Related errors

• Failed to parse source for import analysis because the content contains invalid JS syntax
• Lovable/Vite: Failed to resolve import