TypeError [ERR_INVALID_ARG_TYPE] on Windows using Next.js

[kjetilhartveit]

trash() throws the following error when using Next.js on Windows: TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string or an instance of URL. Received an instance of URL at async deleteAction (./app/actions/delete.ts:14:5)

Reproducable example at https://github.com/kjetilhartveit/nextjs-sindresorhus-trash.

I've determined the issue is linked to what import.meta.url is returning in Next.js. In Next.js it looks like this "/_next/static/media/windows-trash.2b7fe177.exe". In the trash library the Windows trash binary is imported like this const binary = new URL('windows-trash.exe', import.meta.url);. Even though an URL is created, it fails later in a call to fileURLToPath() because it is missing a protocol (e.g. file:). fileURLToPath() validates the path using a isURL(path) there you can see it expects a protocol to be set.

My temporary fix in my side-project has been to download the recycle-bin binary directly and then copied the logic from https://github.com/sindresorhus/trash/blob/main/lib/windows.js and https://github.com/sindresorhus/trash/blob/main/lib/chunked-exec.js except that the binary was "imported" like this const pathToRecycleBinary = dirname(dirname(import.meta.url)) + "/binary/recycle-bin.exe";

Ala this:

"use server";

import { promisify } from "node:util";
import { execFile } from "node:child_process";
import { fileURLToPath } from "node:url";
import chunkify from "@sindresorhus/chunkify";
import { dirname } from "node:path";

const pathToRecycleBinary =
  dirname(dirname(import.meta.url)) + "/binary/recycle-bin.exe";
const pExecFile = promisify(execFile);

export async function deleteFile(path: string) {
  for (const chunk of chunkify([path], 200)) {
    const urlToBinary = fileURLToPath(pathToRecycleBinary);
    await pExecFile(urlToBinary, chunk);
  }
}

I don't know if this is the best solution (importing the binary differently) to the problem though.

Note: not sure if this only affects Windows users

[ChaiyoKung]

This is my workaround

1. Downgrade trash to version 7.2.0 to use commonjs (If you install version >= 8)

pnpm add trash@^7.2.0

2. Modified webpack config in next.config.js to included executable file in .next (here is example)

const CopyWebpackPlugin = require("copy-webpack-plugin");
const { resolve } = require("node:path");

const nextConfig = {
  webpack: (config, context) => {
    const { isServer, dev } = context;

    if (isServer) {
      const chunkDirName = dev ? "vendor-chunks" : "chunks";
      const chunkDirPath = resolve(__dirname, ".next/server", chunkDirName, "[name][ext]");
      config.plugins.push(
        new CopyWebpackPlugin({
          patterns: [
            { from: resolve(__dirname, "../../node_modules/trash/lib/windows-trash.exe"), to: chunkDirPath },
            { from: resolve(__dirname, "../../node_modules/trash/lib/macos-trash"), to: chunkDirPath },
          ],
        })
      );
    }

    return config;
  },
};

module.exports = nextConfig;

Can view full version of code in my repo

Information:

• Next.js v14.2.3
• trash v7.2.0
• copy-webpack-plugin v12.0.2