change - dynamic meta tags angular 6



Qual é a melhor maneira de excluir um componente com a CLI (9)

  1. Exclua a pasta que contém este componente.
  2. No app.module.ts remova a instrução de importação para este componente e remova seu nome da seção de declaração de @NgModule
  3. Remova a linha com a instrução de exportação para este componente de index.ts.

Eu tentei usar "ng destroy component foo" e ele me diz "O comando destroy não é suportado pelo Angular-CLI"

Como excluímos adequadamente os componentes com o Angular CLI?


Answer #1

Atualmente, a Angular CLI não suporta uma opção para remover o componente, você precisa fazê-lo manualmente.

  1. Remova as referências de importação para cada componente do app.module
  2. Excluir pastas de componentes.

Answer #2

Eu escrevi um script bash que deve automatizar o processo escrito por Yakov Fain abaixo. Pode ser chamado como ./removeComponent myComponentName Isso foi testado apenas com o Angular 6

#!/bin/bash
if [ "$#" -ne 1 ]; then
    echo "Input a component to delete"
    exit 1
fi

# finds folder with component name and deletes
find . -type d -name $1 | xargs rm -rf

# removes lines referencing the component from app.module.ts
grep -v $1 app.module.ts > temp
mv temp app.module.ts

componentName=$1
componentName+="Component"

grep -v -i $componentName app.module.ts > temp
mv temp app.module.ts

Answer #3

Eu precisava excluir uma diretiva Angular 6 cujo arquivo de especificações estivesse errado. Mesmo depois de excluir os arquivos incorretos, remover todas as referências a ele e reconstruir o aplicativo, o TS ainda estava relatando o mesmo erro. O que funcionou para mim foi reiniciar o Visual Studio - isso limpou o erro e todos os traços da antiga diretiva indesejada.


Answer #4

Primeiro, remova a pasta do componente, que você deve excluir e, em seguida, remova as entradas que você criou nos arquivos "ts".


Answer #5

Resposta para Angular 2+

Remova o componente from imports and declaration array de from imports and declaration array de app.modules.ts.

Segundo cheque, sua referência é adicionada em outro módulo; se sim, remova-o e

finalmente delete that component Manually do aplicativo e pronto.

Ou você pode fazer isso na ordem inversa também.


Answer #6

Usando o Visual Studio Code, exclua a pasta do componente e veja no Project Explorer (lado esquerdo) os arquivos com a cor vermelha, o que significa que os arquivos são afetados e geraram erros. Abra cada arquivo e remova o código que usa o componente.


Answer #7

também não se esqueça de: - excluir o caminho do componente do módulo de roteamento - procurar o nome da classe do componente em todo o projeto


Answer #8

Como ainda não é suportado usando CLI angular

então aqui está a maneira possível: antes disso, observe o que acontece quando você cria um componente / serviço usando a CLI (por exemplo, ng gc demoComponent ).

  1. Ele cria uma pasta separada chamada demoComponent ( ng gc demoComponent ).
  2. Ele gera HTML,CSS,ts e um arquivo de spec dedicado ao demoComponent.
  3. Além disso, ele adiciona dependência ao arquivo app.module.ts para adicionar esse componente ao seu projeto.

faça-o na ordem inversa

  1. Remova a dependência de app.module.ts
  2. Exclua a pasta do componente.




angular-cli