Troubleshooting

next-lovable auth

curl -I https://api.nextlovable.com/health

next-lovable auth

# Check if config exists
ls -la ~/.next-lovable/

rm -rf ~/.next-lovable/
next-lovable auth

# Set proxy if needed
export HTTPS_PROXY=http://proxy.company.com:8080
next-lovable auth

ping api.nextlovable.com
curl -v https://api.nextlovable.com

npm list -g next-lovable
which next-lovable

npm config get prefix
echo $PATH

# For bash/zsh
echo 'export PATH="$(npm config get prefix)/bin:$PATH"' >> ~/.bashrc
source ~/.bashrc

npx next-lovable@0.0.6 ./my-app

npm uninstall -g next-lovable
npm install -g next-lovable@0.0.6

npm cache clean --force
npm install -g next-lovable@0.0.6

# Find all installations
find / -name "next-lovable" 2>/dev/null
which -a next-lovable

node --version

curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash -
sudo apt-get install -y nodejs

cat package.json | grep -E "(react|react-dom|react-router)"

{
  "dependencies": {
    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
    "react-router-dom": "^5.0.0 || ^6.0.0"
  }
}

npm install react react-dom react-router-dom

# Check for TypeScript errors
npx tsc --noEmit

# Check for ESLint errors
npx eslint src/

ls -ld /path/to/parent/directory
touch /path/to/parent/directory/test-file

# Try in your home directory
next-lovable ./my-app ~/my-next-app

df -h

sudo next-lovable ./my-app /opt/my-next-app

ping api.nextlovable.com
curl -I https://api.nextlovable.com/health

# Check memory usage
free -h

# Check CPU usage
top

DEBUG=next-lovable* next-lovable ./my-app

# Find and kill hung process
ps aux | grep next-lovable
kill -9 <process-id>

# Clean up and retry
rm -rf target-directory
next-lovable ./my-app ./clean-target

cd migrated-project
npm install

# Install missing Next.js types
npm install --save-dev @types/react @types/react-dom @types/node

# Update to compatible versions
npm install next@13 react@18 react-dom@18

# Check next.config.js for syntax errors
node -c next.config.js

# Regenerate if corrupted
rm next.config.js
# Create minimal config
echo "module.exports = {}" > next.config.js

rm -rf .next node_modules package-lock.json
npm install
npm run dev

# Should have this structure
app/
├── layout.tsx
├── page.tsx (home page)
├── about/
│   └── page.tsx
└── contact/
    └── page.tsx

// Each page.tsx should export default
export default function PageName() {
  return <div>Content</div>;
}

// Add 'use client' if component uses hooks or event handlers
'use client';

import { useState } from 'react';
// ... rest of component

// tsconfig.json
{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "es6"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": false,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "incremental": true,
    "plugins": [
      {
        "name": "next"
      }
    ]
  },
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
  "exclude": ["node_modules"]
}

npm install --save-dev @types/react @types/react-dom @types/node

// Add proper typing for components
interface Props {
  children: React.ReactNode;
}

export default function Component({ children }: Props) {
  return <div>{children}</div>;
}

du -sh ./my-react-app
find ./my-react-app -name "*.tsx" -o -name "*.ts" | wc -l

# Remove build artifacts first
rm -rf node_modules dist build .next

# Test upload speed to API
curl -w "@curl-format.txt" -s -o /dev/null https://api.nextlovable.com/health

next-lovable ./my-app --dry-run