我在生产中的 React 应用程序中收到此错误：
TypeError：无法读取 null 的属性（读取“useRef”）
启用 sourcemap 后，它会在 react.production.min.js

奇怪的是，我只在特定路由上收到此错误。所有其他路由都运行良好（即使我在多个文件中使用了 useRef ）。

由于本地构建运行良好，我无法在本地重现该问题。

我尝试了以下操作：

1. 恢复到之前的工作提交。
2. 在生产机器上重新安装 node_modules
3. 从 Yarn 切换到 NPM

我正在使用 express 来托管静态构建文件。代码如下：

const helmet = require('helmet');
const path = require('path');
const app = express();
const fs = require('fs');

app.disable('x-powered-by');
app.use(helmet.frameguard({ action: 'DENY' }));
app.use(express.static(__dirname));

app.get('*', function (req, res) {
    res.sendFile(path.join(__dirname, 'index.html'), {
        maxAge: 86400000,
    });
});
app.listen(process.env.PORT || 8080, function () {
    console.log(`Frontend start on http://localhost:8080`);
});

编辑： React 组件：

import React, { useRef } from 'react';

const ConfigForm = (props) => {
    const scrollTopRef = useRef(null);

    const scrollToTop = () => {
        if (scrollTopRef && scrollTopRef.current) {
            scrollTopRef.current.scrollTo({
                top: 0,
                behavior: 'smooth',
            });
        }
    };

    const onButtonClick = () => {
        scrollToTop();
    }

    return (
        <div className="client-configs" ref={scrollTopRef}>
            <button onClick={onButtonClick}>Scroll To Top</button>
        </div>
    );
}

export default ConfigForm;