打字稿/导入声明与“Snackbar”的本地声明冲突

问题描述

我想在我的 React App 中使用 Snackbar Material UI 组件。 为了记录，我的应用程序是用 Typescript 编写的。

我在尝试导入组件时遇到问题。进口行说： 导入声明与 'Snackbar'.ts(2440) 的本地声明冲突

然后在渲染方法中，当我尝试使用它时，IDE 说： 'Snackbar' 指的是一个值，但在这里被用作一种类型。您的意思是 'typeof Snackbar' 吗？ts(2749)。

VS Code 是不是在欺骗我？ （我工作的一个朋友尝试了相同的代码并且成功了）

我尝试使用的代码是 here。

这是我的设置：

  System:
    OS: Linux 5.4 Ubuntu 18.04.5 LTS (Bionic Beaver)
  Binaries:
    Node: 12.19.1 - /usr/bin/node
    Yarn: 1.22.5 - /usr/bin/yarn
    npm: 7.5.4 - /usr/bin/npm
  browsers:
    Chrome: 88.0.4324.150
    Firefox: Not Found
  npmPackages:
    @material-ui/core: ^4.11.0 => 4.11.0 
    @material-ui/icons: ^4.9.1 => 4.9.1 
    @material-ui/styles:  4.10.0 
    @material-ui/system:  4.9.14 
    @material-ui/types:  5.1.0 
    @material-ui/utils:  4.10.2 
    @types/react: ^16.9.41 => 16.9.52 
    react: ^16.13.1 => 16.14.0 
    react-dom: ^16.13.1 => 16.14.0 
    typescript: ^3.9.7 => 3.9.7 

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）