Node.js 未捕获引用错误:添加react hot loader babel插件后未定义进程(来自NodeJS.process)
在升级了一些依赖项和包之后,我遇到了这个问题。我希望使用最新版本的TypeScript,所以我添加了一些babel插件,并做了一些其他更改 我可以编译代码,但在运行应用程序时出现以下控制台错误:Node.js 未捕获引用错误:添加react hot loader babel插件后未定义进程(来自NodeJS.process),node.js,typescript,webpack,babel-loader,react-hot-loader,Node.js,Typescript,Webpack,Babel Loader,React Hot Loader,在升级了一些依赖项和包之后,我遇到了这个问题。我希望使用最新版本的TypeScript,所以我添加了一些babel插件,并做了一些其他更改 我可以编译代码,但在运行应用程序时出现以下控制台错误: Uncaught ReferenceError: process is not defined at storeConfig.tsx:4 at Module../src/store/storeConfig.tsx (bundle.js?4d48cc1c51da72536add:55462
Uncaught ReferenceError: process is not defined
at storeConfig.tsx:4
at Module../src/store/storeConfig.tsx (bundle.js?4d48cc1c51da72536add:55462)
at __webpack_require__ (bootstrap:24)
at fn (hot module replacement:61)
at Module../src/index.tsx (history.ts:2)
at __webpack_require__ (bootstrap:24)
at startup:5
at startup:6
以下是我如何配置我的商店:
import {applyMiddleware, compose, createStore, Store} from "redux";
import thunk from "redux-thunk";
import appReducers, {AppState} from "../combinedReducers";
declare let process: NodeJS.Process;
declare let window: any;
export const middleware = [
thunk
];
export const configureStore = () => {
const isDevelopment = process.env.NODE_ENV === 'development';
const enhancers: any[] = isDevelopment && window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__() ? [window.__REDUX_DEVTOOLS_EXTENSION__()] : [];
return createStore(
appReducers,
compose(applyMiddleware(thunk), ...enhancers)
) as Store<AppState>;
};
export default configureStore;
奇怪的是,如果我从上面的列表中删除该插件,它就可以正常工作。但是,我希望具有热重新加载功能。有什么想法吗
{
test: /\.tsx$|.ts$/,
include: path.join(__dirname, 'src'),
exclude: /node_modules/,
use: {
loader: "babel-loader",
options: {
cacheDirectory: true,
babelrc: false,
presets: [
"@babel/preset-env",
"@babel/preset-typescript",
"@babel/preset-react"
],
plugins: [
["@babel/plugin-proposal-class-properties", {loose: true}],
"@babel/plugin-proposal-numeric-separator",
"@babel/plugin-transform-typescript",
"@babel/plugin-proposal-nullish-coalescing-operator",
"@babel/plugin-proposal-optional-chaining",
"@babel/plugin-transform-runtime",
"react-hot-loader/babel"
]
}
}
},