Запуск параллельных сценариев для изменений.js и.css не обновляет цвет фона страницы / изображение?
В моем package.json У меня проблемы с запуском параллельных скриптов. Я пытался использовать https://www.npmjs.com/package/concurrently и https://www.npmjs.com/package/npm-run-all но пока не получил желаемого результата ни с одним из них. Проблема, с которой я столкнулся, заключается в попытке автоматического обновления HTML и CSS на странице без необходимости перезагрузки страницы. Оба сценария выполняют свою работу, однако, если я внесу изменения в HTML в файле.js, все обновится, кроме цвета фона. Что означает, что я должен перезагрузить страницу, чтобы показать. Все остальные свойства CSS работают нормально. Если я внесу изменение в файл CSS, фон обновится, но он не будет работать снова, если я сделаю это в файле.js.
Что может быть причиной этого, я предположил, что все стили в файле стилей будут обновляться на часах?
{
"name": "my-app",
"version": "0.1.0",
"private": true,
"dependencies": {
"autoprefixer-stylus": "^0.14.0",
"concurrently": "^3.5.1",
"normalize.css": "^7.0.0",
"react": "^16.2.0",
"react-dom": "^16.2.0",
"react-router-dom": "^4.2.2",
"react-scripts": "1.1.0",
"styled-components": "^3.0.2",
"stylus": "^0.54.5"
},
"scripts": {
"start": "react-scripts start",
"watch":
"concurrently --names 'webpack, stylus' --prefix name 'npm run start' 'npm run styles:watch'",
"watching": "run-p start styles:watch",
"build": "react-scripts build",
"eject": "react-scripts eject",
"styles": "stylus -u autoprefixer-stylus ./src/css/style.styl -o ./src/css/style.css",
"styles:watch": "stylus -u autoprefixer-stylus -w ./src/css/style.styl -o ./src/css/style.css",
"deploy": "ns ./build --cmd 'list ./content -s'"
},
"devDependencies": {
"eslint": "^4.16.0",
"eslint-config-airbnb": "^16.1.0",
"eslint-plugin-import": "^2.8.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-react": "^7.6.0",
"npm-run-all": "^4.1.2"
}
}
Обновить
Браузер, который я первоначально использовал, был Google Chrome. Я только что протестировал его в Firefox Developer Edition и Safari, и оба сценария работают на 100%. Похоже, проблема связана с браузером Google Chrome.