Vite.js - Starknet module export error

If you’re using Vite.js with react and using the Dynamic SDK with Starknet, you may get a similar error to this one in your console:

Uncaught SyntaxError: The requested module '/[APP_PATH]/node_modules/.vite/deps/starknet.js?v=5327d40a' does not provide an export named 'default'

This is because older versions of Vite don’t know how to resolve the starknet module exports.

Add `resolve` alias for `starknet` using `vite.config.js`

To fix this we must modify the vite.config.js file to add an alias for starknet. Here is a minimal example config:

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import * as path from 'path';


export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      'starknet': path.resolve(__dirname, 'node_modules/starknet/dist/index.mjs')
    }
  }
})

Getting Started

Going Live

Wallets

Chains & External Wallet Support

Accept Stablecoins & Crypto

Earn

Agents

Authentication

Security

Rate Limits

Developer Dashboard

API Upgrades

Migrations

Troubleshooting

Vite.js - Starknet module export error

Add `resolve` alias for `starknet` using `vite.config.js`

​Add resolve alias for starknet using vite.config.js

Add `resolve` alias for `starknet` using `vite.config.js`