首页 > 解决方案 > 如何使用 VSCode 和 Javascript 语言服务正确设置 Ember 自动导入?

问题描述

我正在尝试在 VSCode 中为我的 Ember 项目设置自动导入,但我遇到了从 Ember 库导入的问题。

我已经在我的应用程序中正确设置了导入,这些工作正常,但是当尝试从 导入时@ember,它要么根本找不到导入,要么是从荒谬的相对路径导入的,要么导入得很好,在一些案例。

我的jsconfig.json样子是这样的:

{
    "compilerOptions": {
        "target": "es2018",
        "experimentalDecorators": true,
        "allowSyntheticDefaultImports": true,
        "baseUrl": ".",
        "paths": {
            "sbct-web/tests/*": ["./tests/*"],
            "sbct-web/config/*": ["./config/*"],
            "sbct-web/*": ["./app/*"]
        }
    },
    "exclude": [
        "node_modules",
        "bower_components",
        "tmp",
        "vendor",
        ".git",
        "dist",
        "temp",
        "public",
    ]
}

我还尝试了一个只有exclude字段的简化版本,但结果是一样的。我也试图强制typeAcquisitions,相同的结果(我怀疑类型被提取得很好,因为我可以查看@ember 模块的定义)。

为了更好地理解这个问题,这里是我遇到的一个简短的记录:

余烬汽车进口

标签: javascriptember.jsvisual-studio-codevscode-settings

解决方案


用于 javascript 的 VSCode IntelliSense 使用 package.json 中的类型定义

我发现要专门添加 @types/ember 包。VSCode 能够正确自动导入。

npm install --save-dev @types/ember

推荐阅读