Antes de comenzar, asegúrese de que Angular CLI (Command Line Interface) esté instalado en su sistema. Si no lo está, siga estos pasos para instalarlo:
​
1. Abra una terminal o símbolo del sistema.
2. Ejecute el siguiente comando para instalar Angular CLI globalmente:
​

3. Una vez completada la instalación, verifíquela ejecutando el siguiente comando:
​

Si el comando devuelve un número de versión, Angular CLI se ha instalado correctamente.
​
A continuación, verifique si la carpeta node_modules está presente en el directorio de su aplicación. Si no lo está, ejecute el siguiente comando:
​

Por último, verifique la versión de Node.js en cPanel navegando a Configurar aplicación Node.js >> +CREAR APLICACIÓN >> Versión de Node.js en el menú desplegable.
​
Asegúrese de que la versión de Node.js en su computadora local coincida con la de cPanel. Si tiene una versión de Node.js diferente, se recomienda ajustarla en su dispositivo local. Por ejemplo, puedes usar Node Version Manager (nvm) para Windows OS , macOS y Linux .
​
Una vez que la versión de Node.js en tu computadora local coincida con la de cPanel, debes verificar si tu aplicación Angular funciona correctamente y luego compilarla.

Paso 1: Crea una compilación de producción
​
Para crear una compilación de producción de tu aplicación Angular, abre el contenido de la aplicación en el editor de código (IDE) de tu máquina local y ejecuta el siguiente comando:
​

Este comando creará una nueva carpeta llamada dist en la raíz de tu proyecto que contiene la carpeta del navegador con el contenido de la compilación de la aplicación.
​
Asegúrese de que no haya errores durante el proceso de compilación. Si ocurre algún error, debe corregirlo antes de continuar.
​
Tenga en cuenta que la ruta de la carpeta de compilación browser ( dist y su subcarpeta) se puede cambiar en el archivo angular.json :
​
​"options": {
"outputPath": "dist/your-app-name",
}
​
​Paso 2: Cargue el contenido de la carpeta browser desde la carpeta dist a su cPanel
​
Utilice el Administrador de archivos o un cliente FTP como FileZilla para cargar el contenido de la carpeta del navegador a su alojamiento. Asegúrese de cargar el contenido de la carpeta del navegador , no la carpeta en sí.
​

Después de importar la carpeta comprimida, extraiga el contenido de la carpeta raíz del sitio web (que se encuentra en el menú Dominio ). Para el dominio principal, utilice la carpeta public_html y, para los dominios complementarios y subdominios, utilice sus respectivas carpetas raíz.
​
Para cargar archivos a través del Administrador de archivos:

Paso 3: Crea un archivo .htaccess
Este es un paso crucial para el enrutamiento. Sin el archivo .htaccess , podrías encontrarte con un error “404 Not Found” al intentar navegar a otras páginas.

Seleccione el botón +Archivo y aparecerá un nuevo cuadro emergente. Ingrese el nombre .htaccess y seleccione Crear nuevo archivo :

Seleccione el archivo .htaccess y elija Editar :
​

Introduzca la siguiente regla:
​
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-l
RewriteRule . /index.html [L]
​
​

Seleccione Guardar cambios y luego cierre el editor:

Abre una nueva pestaña en tu navegador web e ingresa la URL de tu sitio web. Ahora deberías ver tu aplicación Angular ejecutándose.