How to fix An 'outFile' cannot be specified without 'amd' or 'system' module kind in TypeScript

// Example problematic configuration
{
  "compilerOptions": {
    "outFile": "./dist/bundle.js",
    "module": "commonjs",  // ← This causes the error!
    "target": "es2015",
    "strict": true
  }
}

# Show current TypeScript configuration
npx tsc --showConfig

# Or check specific files
cat tsconfig.json | grep -E "(outFile|module)"

{
  "compilerOptions": {
    "outFile": "./dist/bundle.js",
    "module": "amd",  // ← Changed from commonjs to amd
    "target": "es2015",
    "strict": true
  }
}

{
  "compilerOptions": {
    "outFile": "./dist/bundle.js",
    "module": "system",  // ← Changed to system
    "target": "es2015",
    "strict": true
  }
}

{
  "compilerOptions": {
    // Remove outFile entirely
    "module": "es2020",
    "target": "es2015",
    "strict": true,
    "outDir": "./dist"  // Use outDir instead for multiple files
  }
}

module.exports = {
  entry: './src/index.ts',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist')
  },
  module: {
    rules: [
      {
        test: /.ts$/,
        use: 'ts-loader',
        exclude: /node_modules/
      }
    ]
  },
  resolve: {
    extensions: ['.ts', '.js']
  }
};

import typescript from '@rollup/plugin-typescript';

export default {
  input: 'src/index.ts',
  output: {
    file: 'dist/bundle.js',
    format: 'cjs'  // or 'es', 'umd', etc.
  },
  plugins: [typescript()]
};

{
  "compilerOptions": {
    // Replace outFile with outDir
    "outDir": "./dist",
    "module": "commonjs",  // Now works with any module system
    "target": "es2015",
    "strict": true
  }
}

dist/
├── index.js
├── utils/
│   └── helpers.js
└── components/
    └── button.js

# Clear previous build
rm -rf dist

# Compile with new configuration
npx tsc

# Check output structure
ls -la dist/

# Run TypeScript compiler
npx tsc

# If using npm scripts
npm run build

# For watch mode during development
npx tsc --watch

# For single file (AMD/SystemJS)
ls -la dist/bundle.js

# For multi-file output
ls -la dist/

# For Node.js (CommonJS)
node dist/index.js

# For browser (if using AMD)
# Load dist/bundle.js with RequireJS or SystemJS

# Validate tsconfig.json
npx tsc --noEmit

# Show all compiler options being used
npx tsc --showConfig | jq .compilerOptions

{
  "scripts": {
    // Before (if using outFile with wrong module)
    "build": "tsc",

    // After Option 1 (AMD/SystemJS with outFile)
    "build": "tsc",
    "dev": "tsc --watch",

    // After Option 2 (with bundler)
    "build": "webpack --mode production",
    "dev": "webpack --mode development --watch",

    // After Option 3 (outDir with any module)
    "build": "tsc",
    "clean": "rm -rf dist",
    "dev": "tsc --watch"
  }
}

# Commit the changes
git add tsconfig.json package.json webpack.config.js
git commit -m "fix: resolve TS6059 by updating module configuration"

# Update teammates
echo "Fixed TypeScript build: changed module system to support outFile or switched to bundler"