Hola amigos, tengo un problema, cuando hago un cambio en el código por ejemplo cambiar el color de las letra en App.scss y lo guardo, el ...

Pregunta de la clase:
Estilos con SASS
Julián David Castro

Julián David Castro

Pregunta
studenthace 5 años

Hola amigos, tengo un problema, cuando hago un cambio en el código por ejemplo cambiar el color de las letra en App.scss y lo guardo, el cambio no se ve reflejado en el navegador. Para que lo pueda ver reflejado me toca volver a correr en el terminal npm run start. Ya instalé webpack-dev-server, sin embargo el error persiste. Me podrian ayudar 🙏

5 respuestas
para escribir tu comentario
    Julián David Castro

    Julián David Castro

    studenthace 5 años

    @evillaloboscr y @modavidc estuve realizado los cambios sugeridos pero sigue sin funcionar. He estado mirando otras soluciones sugeridas en internet pero ninguna me funciona. Quedo atento si llegan a encontrar otra solución. Mil Gracias

    Edwin Adrian Villalobos Mora

    Edwin Adrian Villalobos Mora

    studenthace 5 años

    @juliancatro

    El problema probablemente esta en el script start

    Debería quedarte similar a este:

    "start": "webpack serve --mode development --env development --open 'Google Chrome'"

    El nombre de la aplicación del navegador depende de la plataforma. No lo codifique en módulos reutilizables. Por ejemplo, "Chrome" es "Google Chrome" en macOS, "google-chrome" en Linux y "chrome" en Windows.

    Moisés Cedeño

    Moisés Cedeño

    studenthace 5 años

    Intenta cambiar esta linea:

    "start": "webpack-cli serve --mode development"

    Por

    "start": "webpack serve --mode development"
    Julián David Castro

    Julián David Castro

    studenthace 5 años

    @chiguirecode Mira así tengo el archivo package.json

    { "name": "PlatziVideo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "webpack --mode production", "start": "webpack-cli serve --mode development" }, "keywords": [], "author": "", "license": "MIT", "dependencies": { "@webpack-cli/init": "^1.0.3", "react": "^17.0.1", "react-dom": "^17.0.1" }, "devDependencies": { "@babel/core": "^7.12.3", "@babel/preset-env": "^7.12.1", "@babel/preset-react": "^7.12.5", "babel-eslint": "^10.1.0", "babel-loader": "^8.2.1", "css-loader": "^5.0.1", "eslint": "^7.13.0", "eslint-config-airbnb": "^18.2.1", "eslint-plugin-import": "^2.22.1", "eslint-plugin-jsx-a11y": "^6.4.1", "eslint-plugin-react": "^7.21.5", "html-loader": "^1.3.2", "html-webpack-plugin": "^4.5.0", "mini-css-extract-plugin": "^1.3.1", "node-sass": "^5.0.0", "sass-loader": "^10.1.0", "webpack": "^5.4.0", "webpack-cli": "^4.2.0", "webpack-dev-middleware": "^4.0.2", "webpack-dev-server": "^3.11.0" } }
    andrés eduardo betancourt bescanza

    andrés eduardo betancourt bescanza

    studenthace 5 años

    Hola, podrias dejar la configuracion que tienes en el package.json ?

Curso Práctico de React JS

Curso Práctico de React JS

React es una de las librerías más utilizadas hoy para crear aplicaciones web. Aprende a través de la creación de la interfaz de PlatziVideo todo lo que necesitas para crear increíbles componentes con React

Curso Práctico de React JS
Curso Práctico de React JS

Curso Práctico de React JS

React es una de las librerías más utilizadas hoy para crear aplicaciones web. Aprende a través de la creación de la interfaz de PlatziVideo todo lo que necesitas para crear increíbles componentes con React