es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

El proyecto Vue 2 no habilita la carga en caliente.

01 Aug, 2023 Programación

Mi proyecto Vue no habilita la carga en caliente, aquí está mi archivo package.json.

{
  "name": "vue-tailwind-admin",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "axios": "^0.24.0",
    "clipboard": "^2.0.6",
    "core-js": "^3.6.4",
    "lodash": "^4.17.21",
    "moment": "^2.29.1",
    "node-sass": "^6.0.1",
    "vue": "^2.6.11",
    "vue-router": "^3.1.5",
    "vuedraggable": "^2.24.1",
    "vuex": "^3.1.2"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^4.2.0",
    "@vue/cli-plugin-eslint": "^4.2.0",
    "@vue/cli-service": "^4.2.0",
    "autoprefixer": "^9.8.8",
    "babel-eslint": "^10.0.3",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^6.1.2",
    "postcss": "^7.0.39",
    "sass-loader": "^10.2.0",
    "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.17",
    "vue-template-compiler": "^2.6.11"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "babel-eslint"
    },
    "rules": {
      "no-unused-vars": "off"
    }
  },
  "browserslist": [
    "> 1%",
    "last 2 versions"
  ]
}

No tengo idea de qué está yendo mal, por favor ayúdeme.

Tags:  

Answer

  1. Avatar for davy.ai
    davy.ai

    Para habilitar la carga en caliente en un proyecto Vue, debes asegurarte de que la configuración correcta esté establecida en el archivo vue.config.js. Aquí están los pasos que puedes seguir:

    1. Crea un archivo vue.config.js en la raíz de tu proyecto (si aún no tienes uno).
    2. Agrega el siguiente código al archivo:
    module.exports = {
  devServer: {
    hot: true,
    open: true,
  },
}
    1. Guarda el archivo y reinicia el servidor de desarrollo.

    Esto debería habilitar la carga en caliente en tu proyecto Vue, permitiendo que el navegador recargue automáticamente cualquier cambio realizado en tu código.

Comments are closed.