[Bug] 'XMLHttpRequest': Invalid UR

Olá Gabriel, tudo bem com você?

Peço desculpas pela demora em obter um retorno.

O erro error DOMException: failed to execute 'open' on XMLHttpRequest invalid url geralmente ocorre quando há uma tentativa de abrir uma conexão utilizando um URL inválido por meio do objeto XMLHttpRequest.

Sendo assim, verifique se o URL que está tentando acessar é válida e está seguindo o formato correto. No caso desta aula, a URL para cadastro é localhost:4200/signup. Além disso, a API deve estar sendo executada para que o cadastro seja feito corretamente.

Além disso, verifique se seu arquivo signup.service.ts está como apresentado abaixo:

export class SignUpService {

    constructor(private http: HttpClient) {}

    checkUserNameTaken(userName: string) {

        return this.http.get(API_URL + '/user/exists/' + userName);
    }

    signup(newUser: NewUser) {
        return this.http.post(API_URL + '/user/signup', newUser);
    }
}

Após estas verificações e eventuais correções, verifique se obterá êxito. Todavia, como o seu projeto completo e código não foi disponibilizado, ressalto que os direcionamentos acima servem como ponto de partida, uma vez que não tenho acesso ao projeto completo para eventuais testes e assertividade da linha exata para fazer a correção.

Espero ter ajudado e fico à disposição em caso de dúvidas.

Abraços e bons estudos!