我正在处理一个安装了MUINext.js 13项目,而VS代码不提供从@mui/material库的自动导入.这在屏幕截图中显示.

enter image description here

从其他库自动导入在此文件夹中工作.在其他不是以Next js 13为基础的项目中,从MUI进口汽车也是可行的. 请告诉我我怎么才能解决这个问题?

以下是我的tsconfig.json条建议,如果可能有帮助的话:

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "incremental": true,
    "plugins": [
      {
        "name": "next"
      }
    ],
    "paths": {
      "@/*": ["./*"]
    }
  },
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
  "exclude": ["node_modules"]
}

感谢您的关注!

推荐答案

看起来很正常.但有时需要在添加新包后再次运行VSCode TypeScrip引擎.

  1. shift+cmd+p
  2. Select 打字脚本重新加载

注意:您必须确保位于VSCode上的正确文件夹路径.如果您在VSCode上开始了错误的项目路径,您将无法看到带有自动导入的项目包.

此外,这个问题不仅仅与MUI有关,也许this document可以帮助你.

Javascript相关问答推荐

判断现代浏览器中的点击是否由touch 触发

如何在Jest中调用setupFile下列出的文件所需的函数?

有没有方法在Angular中的bowser选项卡之间移动HTML?

d3可排序表标题行中有收件箱--如何使收件箱不触发排序?

在卡信息之间切换

使用typeof运算符获取对象值类型-接收字符串而不是数组

无法将nPM simplex-noise包导入在JS项目中工作

当promise 在拒绝处理程序被锁定之前被拒绝时,为什么我们会得到未捕获的错误?

在页面上滚动 timeshift 动垂直滚动条

为什么这个JS模块在TypeScript中使用默认属性导入?""

Angular 17—每当一个布尔变量变为真时触发循环轮询,只要它保持为真

将本机导航路由react 到导航栏中未列出的屏幕?

加载背景图像时同步旋转不显示的问题

使用Promise.All并发解决时,每个promise 的线性时间增加?

对网格项目进行垂直排序不起作用

连接到游戏的玩家不会在浏览器在线游戏中呈现

Reaction组件在本应被设置隐藏时仍显示

如何在JAVASCRIPT中合并两组对象并返回一些键

在表单集中保存更改时删除';禁用';

处理app.param()中的多个参数