Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Node.js 未捕获引用错误:添加react hot loader babel插件后未定义进程(来自NodeJS.process)_Node.js_Typescript_Webpack_Babel Loader_React Hot Loader - Fatal编程技术网

Node.js 未捕获引用错误:添加react hot loader babel插件后未定义进程(来自NodeJS.process)

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

在升级了一些依赖项和包之后,我遇到了这个问题。我希望使用最新版本的TypeScript,所以我添加了一些babel插件,并做了一些其他更改

我可以编译代码,但在运行应用程序时出现以下控制台错误:

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"
                        ]
                    }
                }
            },