Plausible not detected on website - 404 script error

[jtiulentino]

Hi, we're new to using next-plausible and just installed v3.7.1.

We followed the instructions here for our _app.js file:

<PlausibleProvider domain="domain.com" enabled={true}>
    <Component {...pageProps} />
</PlausibleProvider>

We're using next dev to run both locally and in prod.

We're getting this error in the browser console, both locally and in prod:

Any pointers you have would be appreciated! We also followed the Troubleshooting guide in the Plausible docs but got stuck there as well.

[4lejandrito]

Hi @jtiulentino!

Can you please paste your next.config.js file?

[jtiulentino]

sure thing!

const { withPlausibleProxy } = require("next-plausible");

/** @type {import('next').NextConfig} */
const nextConfig = {
    reactStrictMode: true,
    swcMinify: true,
    webpack: (config, { isServer }) => {
        if (isServer) {
            require("./sitemap-utils/generate-sitemap");
        }
        return config;
    },
    images: {
        domains: [
            "storage.googleapis.com",
            "cdn.sanity.io",
            "***.supabase.co",
        ],
    },
    experimental: {
        fontLoaders: [{ loader: "@next/font/google", options: { subsets: ["latin"] } }],
    },
};

module.exports = withPlausibleProxy()(nextConfig);