我用的是电子。 我测试了上面所有的答案，甚至深入到基础应用程序，发现这种情况仍然存在。

事实证明，如果你正在使用electron(在我的情况下，特别是expo-electron)，它有它自己的webpack配置，并且你需要在webpack配置中白名单redux。我的electronic -webpack.js文件是这样的:

const { withExpoAdapter } = require("@expo/electron-adapter");

// Provide any overrides for electron-webpack: https://github.com/electron-userland/electron-webpack/blob/master/docs/en/configuration.md
module.exports = withExpoAdapter({
  projectRoot: __dirname,
  whiteListedModules: ["react-redux"],
});

我的共享库之间不同版本的react似乎是问题所在(16和17)，将两者都更改为16。

你只能从React函数中调用钩子。点击这里阅读更多。

只需将Allowance类组件转换为功能组件。

Working CodeSandbox演示。

const Allowance = () => {
  const [allowances, setAllowances] = useState([]);

  useEffect(() => {
    fetch("http://127.0.0.1:8000/allowances")
      .then(data => {
        return data.json();
      })
      .then(data => {
        setAllowances(data);
      })
      .catch(err => {
        console.log(123123);
      });
  }, []);

  const classes = useStyles();
  return ( <
    Paper className = {
      classes.root
    } >
    <
    Table className = {
      classes.table
    } >
    <
    TableHead >
    <
    TableRow >
    <
    TableCell > Allow ID < /TableCell> <
    TableCell align = "right" > Description < /TableCell> <
    TableCell align = "right" > Allow Amount < /TableCell> <
    TableCell align = "right" > AllowType < /TableCell> <
    /TableRow> <
    /TableHead> <
    TableBody > {
      allowances.map(row => ( <
        TableRow key = {
          row.id
        } >
        <
        TableCell component = "th"
        scope = "row" > {
          row.AllowID
        } <
        /TableCell> <
        TableCell align = "right" > {
          row.AllowDesc
        } < /TableCell> <
        TableCell align = "right" > {
          row.AllowAmt
        } < /TableCell> <
        TableCell align = "right" > {
          row.AllowType
        } < /TableCell> <
        /TableRow>
      ))
    } <
    /TableBody> <
    /Table> <
    /Paper>
  );
};

export default Allowance;

当你以错误的方式声明useDispatch from react-redux时，也会发生此错误: 当你执行:const dispatch = useDispatch而不是:const dispatch = useDispatch();(也就是说要记得加上圆括号)

注意导入问题——对我来说，错误是关于组件和子组件的导入/自动导入失败。与函数类与类组件无关。

这很容易发生，因为VS code自动导入可以指定的路径不能工作。 如果在组件中使用了import {MyComponent}和export default，则导入应该说import MyComponent 如果某些组件在其文件夹中使用index.js作为路径的shotcut，而其他组件则不使用，则导入可能会中断。在这里，自动导入可能会导致问题，因为它合并了来自'../../common'的{TextComponent, ButtonComponent, ListComponent}相同文件夹中的所有组件

尝试注释掉文件中给出错误的一些组件，您可以测试这是否是问题所在。

我用的是电子。 我测试了上面所有的答案，甚至深入到基础应用程序，发现这种情况仍然存在。

事实证明，如果你正在使用electron(在我的情况下，特别是expo-electron)，它有它自己的webpack配置，并且你需要在webpack配置中白名单redux。我的electronic -webpack.js文件是这样的:

const { withExpoAdapter } = require("@expo/electron-adapter");

// Provide any overrides for electron-webpack: https://github.com/electron-userland/electron-webpack/blob/master/docs/en/configuration.md
module.exports = withExpoAdapter({
  projectRoot: __dirname,
  whiteListedModules: ["react-redux"],
});