几天前我重新安装了 Windows 10。我正在使用 Express 作为后端和 React.js 作为前端开发全栈 web 应用程序。我使用 nodemon 重新加载服务器,webpack-dev-server 重新加载前端。值得一提的是,我正在使用 WSL2。我注意到当保存文件时,nodemon 没有反应。我不得不手动输入
rs
来重新加载。起初以为这是 nodemon 的问题。在这里寻找类似的问题,但我找到的只是 --watch
,这并没有帮助。由于我尝试了 webpack 并且问题仍然存在,我很无助。下面是一些有用信息:
webpack 命令:webpack-dev-server --host 0.0.0.0 --config ./webpack.config.js --mode development
。
webpack.config.js 文件内容:
module.exports = {
entry: ["babel-polyfill", "./app/index.jsx"],
module: {
rules: [
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
use: ["babel-loader"],
},
{ test: /\.css$/, use: ["style-loader", "css-loader"] },
{
test: /\.(jpg|png|svg)$/,
loader: "file-loader",
options: {
name: "[path][name].[hash].[ext]",
},
},
],
},
resolve: {
alias: {
components: __dirname + "/app/components",
reducers: __dirname + "/app/reducers",
constants: __dirname + "/app/constants",
actions: __dirname + "/app/actions",
store: __dirname + "/app/store",
styles: __dirname + "/app/styles",
assets: __dirname + "/app/assets/",
api: __dirname + "/app/api/",
},
enforceExtension: false,
extensions: [".js", ".jsx"],
},
output: {
path: __dirname + "/public",
publicPath: "/",
filename: "index.js",
},
devServer: {
contentBase: "./public",
port: 8080,
},
};
同时这两个在 Linux 笔记本上都能正常工作,在重新安装之前也一切正常。