Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

timtinan37's avatar

Uncaught SyntaxError: missing ) after argument list in laravel-vite-plugin.js:4588:43

I'm running laravel vite in a laravel 9 project through laravel sail. I'm getting a console error like below:

	Uncaught SyntaxError: missing ) after argument listlaravel-vite-plugin.js:4588:43

If I view source in the browser, it shows the error is in this line:

return code.replace(/http://0.0.0.0:5173/g, viteDevServerUrl);

The actual code in node_modules/.vite/deps/laravel-vite-plugin.js, line4588 is:

return code.replace(/__laravel_vite_placeholder__/g, viteDevServerUrl);
0 likes
14 replies
Lara_Love's avatar

hi . show all your code's

you forget place an argument

timtinan37's avatar

@lovercode , This is my vite configuration (vite.config.js) :

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

export default defineConfig({
    plugins: [
        laravel({
            input: [
                'resources/scss/style.scss',
                'resources/scss/theme.scss',
                'resources/js/scripts.js',
                'resources/js/charts/analytics-chart.js',
            ],
            refresh: true,
        }),
    ],
});

Meanwhile, the console error is coming from inside of node_modules folder.

Sinnbeck's avatar

I cannot recreate this. Is this npm run dev or npm run build? Can you see where this code is located when compiled (in the view source)

timtinan37's avatar

@Sinnbeck yes. This is my docker-compose.yml

# For more information: https://laravel.com/docs/sail
version: '3'
services:
    laravel.test:
        build:
            context: ./vendor/laravel/sail/runtimes/8.1
            dockerfile: Dockerfile
            args:
                WWWGROUP: '${WWWGROUP}'
        image: sail-8.1/app
        extra_hosts:
            - 'host.docker.internal:host-gateway'
        ports:
            - '${APP_PORT:-80}:80'
            - '${VITE_PORT:-5173}:${VITE_PORT:-5173}'
        environment:
            WWWUSER: '${WWWUSER}'
            LARAVEL_SAIL: 1
            XDEBUG_MODE: '${SAIL_XDEBUG_MODE:-off}'
            XDEBUG_CONFIG: '${SAIL_XDEBUG_CONFIG:-client_host=host.docker.internal}'
        volumes:
            - '.:/var/www/html'
        networks:
            - sail
        depends_on:
            - mysql
            - redis
            - meilisearch
            - mailhog
            - selenium
    mysql:
        image: 'mysql/mysql-server:8.0'
        ports:
            - '${FORWARD_DB_PORT:-3306}:3306'
        environment:
            MYSQL_ROOT_PASSWORD: '${DB_PASSWORD}'
            MYSQL_ROOT_HOST: "%"
            MYSQL_DATABASE: '${DB_DATABASE}'
            MYSQL_USER: '${DB_USERNAME}'
            MYSQL_PASSWORD: '${DB_PASSWORD}'
            MYSQL_ALLOW_EMPTY_PASSWORD: 1
        volumes:
            - 'sail-mysql:/var/lib/mysql'
            - './vendor/laravel/sail/database/mysql/create-testing-database.sh:/docker-entrypoint-initdb.d/10-create-testing-database.sh'
        networks:
            - sail
        healthcheck:
            test: ["CMD", "mysqladmin", "ping", "-p${DB_PASSWORD}"]
            retries: 3
            timeout: 5s
    redis:
        image: 'redis:alpine'
        ports:
            - '${FORWARD_REDIS_PORT:-6379}:6379'
        volumes:
            - 'sail-redis:/data'
        networks:
            - sail
        healthcheck:
            test: ["CMD", "redis-cli", "ping"]
            retries: 3
            timeout: 5s
    meilisearch:
        image: 'getmeili/meilisearch:latest'
        ports:
            - '${FORWARD_MEILISEARCH_PORT:-7700}:7700'
        volumes:
            - 'sail-meilisearch:/meili_data'
        networks:
            - sail
        healthcheck:
            test: ["CMD", "wget", "--no-verbose", "--spider",  "http://localhost:7700/health"]
            retries: 3
            timeout: 5s
    mailhog:
        image: 'mailhog/mailhog:latest'
        ports:
            - '${FORWARD_MAILHOG_PORT:-1025}:1025'
            - '${FORWARD_MAILHOG_DASHBOARD_PORT:-8025}:8025'
        networks:
            - sail
    selenium:
        image: 'selenium/standalone-chrome'
        extra_hosts:
            - 'host.docker.internal:host-gateway'
        volumes:
            - '/dev/shm:/dev/shm'
        networks:
            - sail
networks:
    sail:
        driver: bridge
volumes:
    sail-mysql:
        driver: local
    sail-redis:
        driver: local
    sail-meilisearch:
        driver: local
Sinnbeck's avatar

@timtinan37 Ok. And can you answer this so I can see what it is in mine? I use docker as well (just not sail)

Can you see where this code is located when compiled (in the view source)

timtinan37's avatar

@Sinnbeck yes. I've added this in my questions description. It is in node_modules/.vite/deps/laravel-vite-plugin.js, line 4588. Please see the question description.

Sinnbeck's avatar

@timtinan37 Yes that is the source code. But you said

If I view source in the browser, it shows the error is in this line:

So I want to check my own version of this

return code.replace(/http://0.0.0.0:5173/g, viteDevServerUrl);
Sinnbeck's avatar

@timtinan37 Just be be sure. Check that you have "vite": "^3.0" in your package.json and also try updating all dependencies with npm update

Noxxe's avatar

@timtinan37 I just had the same issue as you, but removing the node_modules folder and then running the npm install command should fix the SyntaxError: missing ) after argument list issue you guys are facing!

Hope this helps!

Please or to participate in this conversation.