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')
    }
  }
})