Cualquier momento, puedo hacer cambios en el código .html o archivo de la .archivo js, el navegador todavía representa el código viejo y mis nuevos cambios en el código no se muestran en el navegador el resultado.

Por ejemplo, puedo agregar los siguientes 2 líneas de código .archivo html.

    <div class="control-group">
        <label class="control-label">First Name</label>
        <div class="controls readonly">
            {{profile.FirstName}}
        </div>
    </div>

    <div class="control-group">
        <label class="control-label">Last Name</label>
        <div class="controls readonly">
            {{profile.LastName}}
        </div>
    </div>

Entonces hago lo siguiente:

  1. En VS2013, haga clic derecho en mi proyecto y ver en el navegador (IE o Chrome).
  2. Acceder a mi solicitud.
  3. Ir a la página correspondiente y veo que la representación de la antigua archivo html. No veo el recién añadido 2 elementos div prestados a todos.
  4. Incluso me presione f5 para actualizar el navegador, pero no ha habido suerte.

¿Qué estoy haciendo mal?

13 Comentarios

  1. 47

    Golpe F12 en tu navegador para abrir las Herramientas de desarrollo. Deshabilitar la Caché. Volver a cargar la página.

    • No puedo encontrar la opción en IE en el dev tools para deshabilitar la caché
    • Ver aquí: stackoverflow.com/questions/18083239/…
    • Creo que se llama «Siempre Actualizar Desde el Servidor» en IE…
    • Donde está la opción para deshabilitar la caché?
    • Gracias, pensaba que estaba perdiendo mi mente dang
  2. 21

    Además de utilizar Herramientas Dev para asegurarse de que la caché está desactivada, puede editar su Web.config archivo y decirle que IIS no caché de su Angulares archivos:

    <configuration>
    
      <!-- Disable IIS caching for directories containing Angular templates and scripts -->
      <location path="app">
        <system.webServer>
          <staticContent>
            <clientCache cacheControlMode="DisableCache"/>
          </staticContent>
        </system.webServer>
      </location>
    
    ...
    </configuration>

    Mi Angulares directorio raíz es app/. Puede que necesite modificar de acuerdo a su estructura de archivos.

    • Wow… esto me salvó! Yo no puedo decirle a todos mis clientes a la fuerza de chrome para actualizar, y esta fija!
  3. 7

    Manuscrito sólo!

    En tsconfig.json agregar…

    "compileOnSave": true, 
    • Donde en el archivo? bajo qué etiqueta?
  4. 5

    Trate de desactivar la memoria caché con Dev Tools:

    https://developer.chrome.com/devtools/docs/settings#general

    • Si los problemas de seguridad se bloquea el acceso a sus recursos de red, le sugerimos que deshabilite el firewall? Es que una «solución»?
    • Qué? Estos dos temas no son ni remotamente comparables. Esta pregunta & respuesta(s) están discutiendo la posibilidad de deshabilitar el navegador almacenamiento en caché en un entorno de recinto de seguridad, durante la desarrollo – de manera que el desarrollador puede ver sus cambios. Este es un procedimiento estándar cuando se hace desarrollo front-end. Es, literalmente, el equivalente a hacer un hard-refresh (ctrl+shift+R en Chrome) cada vez, en lugar de una normal de actualización. No hay nada bloqueando el acceso a los recursos, es simplemente que las versiones en caché se cargan.
  5. 2

    Abrir en chrome devTools y seleccione la ficha Red, En la pestaña Red de verificación de las naciones unidas el Deshabilitar la caché y volver a cargar la página.

    • Ninguna de las respuestas de decir exactamente cómo hacerlo en el navegador chrome, esta respuesta es perfecto para chrome.
    • Pensé que esto iba a funcionar, pero por alguna razón, no es. Estoy usando angularJS en mi local y por alguna razón cuando me hizo una edición en la angular.js archivo en bower_components/angular carpeta, el cambio no se refleja en la interfaz de usuario
  6. 1

    Para mí, ninguna de las respuestas anteriores trabajado. Yo estaba usando Chrome, y la única manera de que yo era capaz de ver la actualización mediante la apertura de una ventana de incógnito. Mi regulares de la ventana del navegador, por alguna razón, simplemente no va a conseguir la última activos.

    He intentado despejar mi caché, cómo desactivar la caché devtools, y difícil de actualizar, en vano. La única manera de que yo era capaz de solucionarlo fue borrando la caché de DNS. Aquí un enlace con más detalles:

    Cómo Borrar la memoria Caché de DNS de los Equipos y de los Navegadores Web


    Utilizando la línea de comandos, aquí está cómo hacerlo:

    Windows 7 & Antes

    ipconfig /flushdns

    Windows 8

    ipconfig /flushdns

    OSX (Yosemite, El Capitán, y Sierra)

    sudo dscacheutil -flushcache
    sudo killall -HUP mDNSResponder
  7. 1

    Usted necesita para cambiar el aspnetcore variable de entorno de producción para el desarrollo. Desde el sitio web oficial:

    … establecer una variable de entorno para contar ASP.NET para que se ejecute en modo de desarrollo:

    • Si usted está usando PowerShell en Windows, ejecutar $Env:ASPNETCORE_ENVIRONMENT = «Desarrollo»
    • Si estás usando cmd.exe en Windows, ejecute setx ASPNETCORE_ENVIRONMENT «Desarrollo» y, a continuación, reinicie el símbolo del sistema para que el cambio surta efecto
    • Si estás usando Mac/Linux, ejecute la exportación ASPNETCORE_ENVIRONMENT=Desarrollo

    Si estás en linux, usted podría tener que hacerlo como superusuario. es decir,

    sudo export ASPNETCORE_ENVIRONMENT=Development

    El valor de la variable puede volver a Production después de volver a arrancar. Si quieres trabajar con varios ambientes, sugiero que los definen en el launchSettings.json de archivo:

    {
          "iisSettings": {
          "windowsAuthentication": false,
          "anonymousAuthentication": true,
          "iisExpress": {
             "applicationUrl": "http://localhost:40088/",
             "sslPort": 0
          }
       },
         "profiles": {
           "IIS Express": {
              "commandName": "IISExpress",
              "launchBrowser": true,
              "environmentVariables": {
                  "ASPNETCORE_ENVIRONMENT": "Development"
              }
           },
           "IIS Express (Staging)": {
              "commandName": "IISExpress",
              "launchBrowser": true,
              "environmentVariables": {
              "ASPNETCORE_ENVIRONMENT": "Staging"
             }
           }
         }  
       }

    Leer acerca de los entornos aquí:

  8. 1

    Usted necesita para ejecutar el comando yarn webpack:build volver a compilar su código de cliente. De lo contrario, las modificaciones/actualizaciones en .HTML, .json, .ts archivos no se refleja.

  9. 0

    Problema

    • Del lado del cliente (Navegador) el almacenamiento en caché de los archivos estáticos en dev ambiente
    • Del lado del servidor (IIS Express) el almacenamiento en caché de los archivos estáticos en dev ambiente

    Soluciones

    For Client-side (Browser) caching of static files in dev enviornment

    • Web.Config/ApplicationHost.de configuración de Aproximación: Web.config Enfoque
      sugerido por @NateBarbettini arriba. Por favor, tenga en cuenta que este enfoque es
      también se puede aplicar a ‘Applicationhost.config’ en lugar de la web.config
      archivo.
    • «Siempre Actualizar Desde el Servidor» en IE como se sugirió anteriormente por @Phil Degenhardt. Por favor, encontrar la siguiente captura de pantalla.
      angularjs cambios en el código no se muestran después de la actualización del navegador
    • Navegar a la ubicación de archivo de origen en la barra de direcciones del navegador: Intentar navegar hasta el archivo JavaScript en la pregunta escribiendo la dirección. Se le mostrará JavaScript contenido del archivo. Una vez hecho esto, el archivo se actualiza.Así que usted puede volver atrás y tratar de navegar a apropiado de la página de destino de su aplicación. Esta vez, usted verá que usted consiga el último código JavaScript llegar ejecutado.
      por ejemplo, Si usted tiene un problema con la actualización de la ‘app/home/home-account.js’. Luego en el navegador vaya a 'http://[your-host/localhost]:[specified port of your application]/app/home/home-account.js. Esto le mostrará el contenido. A continuación, de nuevo, vaya a la aplicación de la página de inicio de decir, en este caso 'http://[your-host/localhost]:[specified port of your application]/'

    For Server-side (IIS-Express) caching of static files in dev enviornment

    • visita de IIS Express appcmd de la línea de comandos de utilidad. En mi caso, appcmd se encuentra en «C:\Program Files(x86)\IIS Express\appcmd.exe» este camino. A continuación, utilice SITE list y SITE delete comando para eliminar los archivos temporales almacenados en memoria caché en iisexpress.

    • También hay una solución que es específico de la IE que se mencionan aquí:
      Visual Studio 2013 caché versión anterior de .archivo js

  10. 0

    Esto sucede debido a la caché almacenada por el navegador. Antes de ejecutar la aplicación puede eliminar la caché y las cookies almacenadas por su navegador.

Dejar respuesta

Please enter your comment!
Please enter your name here