Início / coding / Perguntas / 79552838
Accepted
m0t0rhektor
Asked: 2025-04-03 19:51:15 +0800 CST

Por que recebo ERR_INVALID_FILE_URL_PATH ao usar @axe-core/playwright em uma rota de API Next.js?

  • 772

Estou tentando executar uma verificação de acessibilidade dentro de uma rota da API Next.js usando Playwright e @axe-core/playwright.

Aqui está uma versão simplificada do meu código:

    import { chromium } from "playwright";
    import { AxeBuilder } from "@axe-core/playwright";

    export async function POST(req: NextRequest) {
      const browser = await chromium.launch();
      const context = await browser.newContext();
      const page = await context.newPage();

      await page.goto("https://example.com");

      const results = await new AxeBuilder({ page }).analyze(); // <-- this line throws

      await browser.close();

      return NextResponse.json({ results });
    }

Erro ypeError: O caminho da URL do arquivo deve ser absoluto
em ...
código: 'ERR_INVALID_FILE_URL_PATH'

Minha configuração: axe-core/playwright 4.10.1
playwright 1.51.1
nextjs 15

Usando require.resolve() para passar axeSource manualmente → leva ao erro “módulo não exportado”

Lendo axe.min.js via fs.readFile() de node_modules → arquivo não existe

Verifiquei a documentação do @axe-core/playwright — axeSource não é mais mencionado ou necessário

next.js

1 respostas

  1. Best Answer

    O problema é que ele axe-corenão é carregado automaticamente corretamente no contexto do servidor (ESM).

    A solução alternativa é carregar manualmente axe.min.jsde axe-coree passar para AxeBuilder:

    Instalar axe-corevia npm install axe-coree carregar axe.min.jsmanualmente:

    import { promises as fs } from "fs";
import path from "path";
import { fileURLToPath } from "url";

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);

const axePath = path.resolve(__dirname, "../../../../node_modules/axe-core/axe.min.js");
const axeSource = await fs.readFile(axePath, "utf-8");

    Então use-o em AxeBuilder:

    const results = await new AxeBuilder({ page })
  .withSource(axeSource)
  .analyze();
    • 1

relate perguntas