node.js - 为什么热重载不适用于 reactjs visual studio 2019 模板
问题描述
我一直在家里和工作的电脑上玩弄 ReactJS。在家里,我使用 Visual Studio 2019、NodeJS 10.16.2、NPM 6.9.0 和 webpack 3.11.0。
当我第一次开始我的项目时,热重载 DID 工作。在某些时候,它停止了工作。我想也许我无意中对包或设置进行了一些更改,所以我从头开始创建了一个全新的解决方案,但它仍然不起作用。所以显然我对我的机器做了一些事情,但我无法想象是什么。
在工作中,也使用 Visual Studio 2019(我必须检查其他东西的版本),热重载确实有效。
谁能想到我可能不小心做了什么导致它停止工作?或者尝试让它再次工作的方法?我已经尝试了我在网上找到的几乎所有东西,但其中大部分都不是最近的,而且没有任何帮助。
package.json 文件按要求:
{
"name": "jobs",
"version": "0.1.0",
"private": true,
"dependencies": {
"axios": "^0.19.0",
"bootstrap": "^4.1.3",
"faye-websocket": "^0.11.3",
"jquery": "3.4.1",
"lodash": "^4.17.15",
"merge": "^1.2.1",
"oidc-client": "^1.9.1",
"react": "16.9.0",
"react-dev-utils": "^9.0.3",
"react-dom": "^16.0.0",
"react-loading-overlay": "^1.0.1",
"react-router-bootstrap": "0.25.0",
"react-router-dom": "5.0.1",
"react-scripts": "3.1.1",
"react-spinners": "0.6.1",
"react-transition-group": "^4.2.2",
"reactstrap": "8.0.1",
"rimraf": "3.0.0",
"toastr": "^2.1.4"
},
"devDependencies": {
"ajv": "^6.9.1",
"cross-env": "^5.2.1",
"eslint": "6.3.0",
"eslint-config-react-app": "5.0.1",
"eslint-plugin-flowtype": "4.2.0",
"eslint-plugin-import": "^2.18.2",
"eslint-plugin-jsx-a11y": "6.2.3",
"eslint-plugin-react": "^7.14.3"
},
"eslintConfig": {
"extends": "react-app"
},
"scripts": {
"start": "rimraf ./build && react-scripts start",
"build": "react-scripts build",
"test": "cross-env CI=true react-scripts test --env=jsdom",
"eject": "react-scripts eject",
"lint": "eslint ./src/"
},
"browserslist": [
">0.2%",
"not dead",
"not ie <= 11",
"not op_mini all"
]
}
解决方案
我在全新安装 Visual Studio 2019 时遇到了同样的问题,并且必须安装包含Browser Reload on Save扩展的Web Essentials扩展。
推荐阅读
- objective-c - 运行 BGProcessingTask 时无法解密 NSData
- c# - EF Core 上输入字段的默认值
- javascript - 这个 React 倒计时功能有效吗?
- python - Windows 阻止下载 python urllib
- javascript - 如何在 html 画布中显示来自响应的数据
- java - 第一次“使用”后 JTextField 的操作侦听器失败
- excel - 将多个工作簿的特定工作表复制到另一个工作簿的多个工作表
- python-3.x - 翻译 WTForms 验证错误消息
- reactjs - 将开关/复选框与 Ant Design 表 reatc js 的标题一起放置
- python - 如何删除日期低于特定日期的行