TypeError: Cannot read properties of null (reading 'version')

[zanarian1o1]

when running my code i get this error

TypeError: Cannot read properties of null (reading 'version')
    at Client.next (C:\Users\parsec\Documents\studio-code\minecraft bot\node_modules\mineflayer\lib\loader.js:108:67)
    at Object.onceWrapper (node:events:632:28)
    at Client.emit (node:events:530:35)
    at C:\Users\parsec\Documents\studio-code\minecraft bot\node_modules\minecraft-protocol\src\client\autoVersion.js:53:12
    at C:\Users\parsec\Documents\studio-code\minecraft bot\node_modules\minecraft-protocol\src\ping.js:13:7
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)

I've really been pulling my hair out over this. i don't know exactly what files one would need to figure this out so ill just post them all

here is my code

index.html

const { ipcRenderer } = require('electron')

// Get UI elements
const statusElement = document.getElementById('status')
const serverAddressInput = document.getElementById('serverAddress')
const connectBtn = document.getElementById('connectBtn')

// Handle connection
connectBtn.addEventListener('click', () => {
    const serverAddress = serverAddressInput.value
    ipcRenderer.send('connect', serverAddress)
})

// Update status
ipcRenderer.on('status', (event, status) => {
    statusElement.textContent = status
})

// Handle view updates
ipcRenderer.on('view-update', (event, frameData) => {
    const canvas = document.getElementById('botView')
    const ctx = canvas.getContext('2d')
    const img = new Image()
    img.src = frameData
    img.onload = () => {
        ctx.drawImage(img, 0, 0)
    }
})

// Keyboard controls
document.addEventListener('keydown', (e) => {
    const key = e.key.toLowerCase()
    if (['w', 'a', 's', 'd'].includes(key)) {
        ipcRenderer.send('move', key)
    }
})

document.addEventListener('keyup', () => {
    const key = e.key.toLowerCase()
    console.log(key)
    if (['w'].includes(key)) {
        ipcRenderer.send('stop-w') }
})
document.addEventListener('keyup', (e) => {
    const key = e.key.toLowerCase()
    console.log(key)
    if (['a'].includes(key)) {
        ipcRenderer.send('stop-a') }
})
document.addEventListener('keyup', (e) => {
    const key = e.key.toLowerCase()
    console.log(key)
    if (['s'].includes(key)) {
        ipcRenderer.send('stop-s') }
})
document.addEventListener('keyup', (e) => {
    const key = e.key.toLowerCase()
    console.log(key)
    if (['d'].includes(key)) {
        ipcRenderer.send('stop-d') }
})
document.addEventListener('keyup', (e) => {
    const key = e.key.toLowerCase()
    console.log(key)
    if ([' '].includes(key)) {
        ipcRenderer.send('stop-space') }
})

// Mouse controls
let mouseDown = false
let lastX = 0
let lastY = 0

document.addEventListener('mousedown', (e) => {
    mouseDown = true
    lastX = e.clientX
    lastY = e.clientY
})

document.addEventListener('mouseup', () => {
    mouseDown = false
})

document.addEventListener('mousemove', (e) => {
    if (mouseDown) {
        const deltaX = e.clientX - lastX
        const deltaY = e.clientY - lastY
        ipcRenderer.send('look', { deltaX, deltaY })
        lastX = e.clientX
        lastY = e.clientY
    }
})

bot.js

const mineflayer = require('mineflayer')
const { ipcMain, BrowserWindow } = require('electron')
const { mineflayer: prismarineViewer } = require('prismarine-viewer')

let bot = null
let viewer = null
let viewerWindow = null

ipcMain.on('connect', (event, serverAddress) => {
    if (bot) {
        bot.end()
    }

    bot = mineflayer.createBot({
        host: serverAddress,
        username: 'ElectronBot',
        viewDistance: 'tiny',
        skipValidation: true
        
    })

    // Create a new window for the viewer
    if (viewerWindow) viewerWindow.close()
    viewerWindow = new BrowserWindow({
        width: 800,
        height: 600,
        webPreferences: {
            nodeIntegration: true,
            contextIsolation: false
        }
    })

    // Initialize viewer after bot spawn
    
    bot.once('spawn', () => {
        if (viewer) viewer.close()
        try {
            viewer = prismarineViewer(bot, {
                port: 3007,
                firstPerson: true,
                output: (frame) => {
                    event.sender.send('view-update', frame.toDataURL())
                },
                width: 640,
                height: 360
            })
            
            // Wait 1 second for server to initialize before loading
            setTimeout(() => {
                if (viewerWindow) { 
                    viewerWindow.loadURL('http://localhost:3007')
                        .catch(err => {
                            console.error('Failed to load viewer:', err)
                            event.sender.send('status', 'Viewer Loading Error: ' + err.message)
                        })
                }
            }, 3000)

        } catch (err) {
            console.error('Error initializing viewer:', err)
            event.sender.send('status', 'Viewer Error: ' + err.message)
            
        }
    })


    // Wait for viewer server to be ready before loading
    const loadViewerWindow = () => {
        if (viewerWindow) {
            viewerWindow.loadURL(`http://localhost:3007`)
                .catch(() => {
                    // Retry after 1 second if failed
                    setTimeout(loadViewerWindow, 1000)
                })
        }
    }

    bot.on('login', () => {
        
        event.sender.send('status', 'Connected')
        // Start loading the viewer window after successful login
        loadViewerWindow()
    })

    bot.on('end', () => {
        event.sender.send('status', 'Disconnected')
        
        if (viewer) viewer.close()
        if (viewerWindow) viewerWindow.close()
    })

    bot.on('error', (err) => {
        console.error(err)
        event.sender.send('status', 'Error: ' + err.message + ' - Please check the server connection.')
        

        if (viewer) viewer.close()
        if (viewerWindow) viewerWindow.close()
    })
})

// Movement handling with continuous state tracking
const movementState = {
    forward: false,
    back: false,
    left: false,
    right: false
}

ipcMain.on('move', (event, direction) => {
    if (!bot) return
    
    const movementMap = {
        w: 'forward',
        a: 'left',
        s: 'back',
        d: 'right',
        
        " ": "jump"
    }
    
    const movement = movementMap[direction]
    if (movement) {
        movementState[movement] = true
        bot.setControlState(movement, true)
    }
})


ipcMain.on('stop-w', () => {
    if (!bot) return
        movementState.forward = false
        bot.setControlState('forward', false)
})

ipcMain.on('stop-a', () => {
    if (!bot) return
        movementState.left = false
        bot.setControlState('left', false)
})

ipcMain.on('stop-s', () => {
    if (!bot) return
        movementState.back = false
        bot.setControlState('back', false)
})

ipcMain.on('stop-d', () => {
    if (!bot) return
        movementState.right = false
        bot.setControlState('right', false)
})

ipcMain.on('stop-space', () => {
    if (!bot) return
        movementState.jump = false
        bot.setControlState('jump', false)
})




// Mouse look handling
ipcMain.on('look', (event, { deltaX, deltaY }) => {
    if (!bot) return
    
    const sensitivity = 0.002
    
    const yaw = bot.entity.yaw - deltaX * sensitivity
    const pitch = bot.entity.pitch - deltaY * sensitivity
    bot.look(yaw, pitch)
    
})

renderer.js

const { ipcRenderer } = require('electron')

// Get UI elements
const statusElement = document.getElementById('status')
const serverAddressInput = document.getElementById('serverAddress')
const connectBtn = document.getElementById('connectBtn')

// Handle connection
connectBtn.addEventListener('click', () => {
    const serverAddress = serverAddressInput.value
    ipcRenderer.send('connect', serverAddress)
})

// Update status
ipcRenderer.on('status', (event, status) => {
    statusElement.textContent = status
})

// Handle view updates
ipcRenderer.on('view-update', (event, frameData) => {
    const canvas = document.getElementById('botView')
    const ctx = canvas.getContext('2d')
    const img = new Image()
    img.src = frameData
    img.onload = () => {
        ctx.drawImage(img, 0, 0)
    }
})

// Keyboard controls
document.addEventListener('keydown', (e) => {
    const key = e.key.toLowerCase()
    if (['w', 'a', 's', 'd'].includes(key)) {
        ipcRenderer.send('move', key)
    }
})

document.addEventListener('keyup', () => {
    const key = e.key.toLowerCase()
    console.log(key)
    if (['w'].includes(key)) {
        ipcRenderer.send('stop-w') }
})
document.addEventListener('keyup', (e) => {
    const key = e.key.toLowerCase()
    console.log(key)
    if (['a'].includes(key)) {
        ipcRenderer.send('stop-a') }
})
document.addEventListener('keyup', (e) => {
    const key = e.key.toLowerCase()
    console.log(key)
    if (['s'].includes(key)) {
        ipcRenderer.send('stop-s') }
})
document.addEventListener('keyup', (e) => {
    const key = e.key.toLowerCase()
    console.log(key)
    if (['d'].includes(key)) {
        ipcRenderer.send('stop-d') }
})
document.addEventListener('keyup', (e) => {
    const key = e.key.toLowerCase()
    console.log(key)
    if ([' '].includes(key)) {
        ipcRenderer.send('stop-space') }
})

// Mouse controls
let mouseDown = false
let lastX = 0
let lastY = 0

document.addEventListener('mousedown', (e) => {
    mouseDown = true
    lastX = e.clientX
    lastY = e.clientY
})

document.addEventListener('mouseup', () => {
    mouseDown = false
})

document.addEventListener('mousemove', (e) => {
    if (mouseDown) {
        const deltaX = e.clientX - lastX
        const deltaY = e.clientY - lastY
        ipcRenderer.send('look', { deltaX, deltaY })
        lastX = e.clientX
        lastY = e.clientY
    }
})

package.json

{
  "name": "minecraft-bot",
  "version": "1.0.0",
  "main": "main.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "electron ."
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "description": "",
  "dependencies": {
    "canvas": "^3.1.0",
    "electron": "^34.2.0",
    "mineflayer": "^4.0.0",
    "prismarine-viewer": "^1.33.0"
  }
}

main.js

const { app, BrowserWindow } = require('electron')
require('./bot.js')


function createWindow() {
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true,
      contextIsolation: false,
      enableRemoteModule: true
    }

  })

  win.loadFile('index.html')
}

app.whenReady().then(createWindow)

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})

app.on('activate', () => {
  if (BrowserWindow.getAllWindows().length === 0) {
    createWindow()
  }
})