TS2585:“Promise”仅是一种类型,但在此处被用作值。

13

我遇到了以下错误:

node_modules/rxjs/internal/Observable.d.ts:82:59 - error TS2585:“Promise”仅用作类型,但此处正在使用它作为值。您需要更改目标库吗?尝试将lib编译器选项更改为es2015或更高版本。

格式化后如下:

node_modules/rxjs/internal/Observable.d.ts:82:59 - error TS2585: 'Promise' only refers to a type, but is being used as a value here. Do you need to change your target library? Try changing the `lib` compiler option to es2015 or later.                                                                   

82     toPromise<T>(this: Observable<T>, PromiseCtor: typeof Promise): Promise<T>;                                                                    
                                                             ~~~~~~~


Found 1 error.

但我正在尝试运行的代码直接来自示例。

import { range } from 'rxjs';
import { map, filter } from 'rxjs/operators';

range(1, 200).pipe(
  filter(x => x % 2 === 1),
  map(x => x + x)
).subscribe(x => console.log(x));
我在我的tsconfig.json中有以下内容。
"target": "ES2018",                                                                                       
"module": "es2015",   
"lib": ["es2015"],

我正在Node v11.6.0下运行Rx.js 6.3.3和TypeScript 3.2.2。我已经尝试过了。

npm i --save-dev  @types/es6-promise

几乎所有更改 libmodule 的组合方式都是可以实现的。

我的 ts 配置正是这样的,

{
  "compilerOptions": {
    /* Basic Options */
    "target": "ES2016",                          /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */
    "module": "es2015",                     /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */
    "lib": ["es2016"],                             /* Specify library files to be included in the compilation. */
    // "allowJs": true,                       /* Allow javascript files to be compiled. */
    // "checkJs": true,                       /* Report errors in .js files. */
    // "jsx": "preserve",                     /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
    // "declaration": true,                   /* Generates corresponding '.d.ts' file. */
    // "declarationMap": true,                /* Generates a sourcemap for each corresponding '.d.ts' file. */
    // "sourceMap": true,                     /* Generates corresponding '.map' file. */
    // "outFile": "./",                       /* Concatenate and emit output to single file. */
    // "outDir": "./",                        /* Redirect output structure to the directory. */
    // "rootDir": "./",                       /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */
    // "composite": true,                     /* Enable project compilation */
    // "removeComments": true,                /* Do not emit comments to output. */
    // "noEmit": true,                        /* Do not emit outputs. */
    // "importHelpers": true,                 /* Import emit helpers from 'tslib'. */
    // "downlevelIteration": true,            /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */
    // "isolatedModules": true,               /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */

    /* Strict Type-Checking Options */
    "strict": true,                           /* Enable all strict type-checking options. */
    // "noImplicitAny": true,                 /* Raise error on expressions and declarations with an implied 'any' type. */
    // "strictNullChecks": true,              /* Enable strict null checks. */
    // "strictFunctionTypes": true,           /* Enable strict checking of function types. */
    // "strictBindCallApply": true,           /* Enable strict 'bind', 'call', and 'apply' methods on functions. */
    // "strictPropertyInitialization": true,  /* Enable strict checking of property initialization in classes. */
    // "noImplicitThis": true,                /* Raise error on 'this' expressions with an implied 'any' type. */
    // "alwaysStrict": true,                  /* Parse in strict mode and emit "use strict" for each source file. */

    /* Additional Checks */
    // "noUnusedLocals": true,                /* Report errors on unused locals. */
    // "noUnusedParameters": true,            /* Report errors on unused parameters. */
    // "noImplicitReturns": true,             /* Report error when not all code paths in function return a value. */
    // "noFallthroughCasesInSwitch": true,    /* Report errors for fallthrough cases in switch statement. */

    /* Module Resolution Options */
    "moduleResolution": "node",            /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */
    // "baseUrl": "./",                       /* Base directory to resolve non-absolute module names. */
    // "paths": {},                           /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
    // "rootDirs": [],                        /* List of root folders whose combined content represents the structure of the project at runtime. */
    // "typeRoots": [],                       /* List of folders to include type definitions from. */
    // "types": [],                           /* Type declaration files to be included in compilation. */
    // "allowSyntheticDefaultImports": true,  /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */
    "esModuleInterop": true                   /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
    // "preserveSymlinks": true,              /* Do not resolve the real path of symlinks. */

    /* Source Map Options */
    // "sourceRoot": "",                      /* Specify the location where debugger should locate TypeScript files instead of source locations. */
    // "mapRoot": "",                         /* Specify the location where debugger should locate map files instead of generated locations. */
    // "inlineSourceMap": true,               /* Emit a single file with source maps instead of having a separate file. */
    // "inlineSources": true,                 /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */

    /* Experimental Options */
    // "experimentalDecorators": true,        /* Enables experimental support for ES7 decorators. */
    // "emitDecoratorMetadata": true,         /* Enables experimental support for emitting type metadata for decorators. */
  }
}

1
@NinoFiliu 添加了完整的 tsconfig.json 文件。 - Evan Carroll
在我的环境中重现了这个问题。程序运行顺畅,但是tsc对编译不满意,我得到了与你相同的错误:TS2585:'Promise'仅引用类型,但在此处被用作值TS2304:找不到名称'Iterable'TS2585:'Symbol'仅引用类型,但在此处被用作值。这看起来像是一个bug,你应该打开一个问题。 - Nino Filiu
@NinoFiliu 谢谢,这就是 SO 的用途。我现在会提交它,只是想确保我不是在做傻事。这个 bug 是针对 tsc 还是 rxjs? - Evan Carroll
@NinoFiliu https://github.com/ReactiveX/rxjs/issues/4448 - Evan Carroll
这可能帮助不大,但它在我的 node 8.12.0 上运行。使用相同的代码和设置,具有 rxjsts-nodetypescript@types/node 依赖项。我所做的唯一调整是在 tsconfig 文件中将模块更改为 commonjs 以进行编译(否则我会遇到 Unexpected token import 错误)。 - Jeff Mercado
显示剩余3条评论
5个回答

13

问题

TypeScript 有两种模式。

  1. 项目构建器模式(当没有参数调用 tsc 时)
  2. 编译模式(当使用任何参数调用 tsc 时),它不会从配置文件 tsconfig.json 中读取配置

如果这听起来很令人困惑,那么当你考虑以下内容时,它会更加令人困惑:

  1. 编译模式接受一个配置文件的标志称为 --project
  2. 在项目构建器的配置文件中,该指令被称为“compilerOptions”
  3. 编译模式和项目构建器模式都接受相同的配置文件

总之,问题在于 TypeScript 简单地忽略了我在其中运行它的当前工作目录中的配置文件。

如果您想要看到这种情况得到改善,请在此处投票,

这里有进一步的报告,


我在使用Karma时遇到了问题。如上所述,tsconfig.json文件被忽略了。通过更改karmaTypescriptConfig属性的karma设置compilerOptions.target为"ES6",我解决了这个问题。请参阅https://www.npmjs.com/package/karma-typescript#advanced-configuration。 - alexamies

13
只需从npm安装@types/node即可解决问题。
npm install @types/node

正如回答问题的评论者所述,这是RxJs的一个问题,并且安装@types/node并不能简单地解决它。 - pathurs
1
这个对我来说解决了问题。 - thefonso
1
这个对我有用 - undefined

6
在我的情况下,我只需添加一个包含以下内容的 tsconfig.json 文件,其中与上述错误相关的重要部分是 "target": "es2015"
{
    "compilerOptions": {
        "noImplicitAny": false,
        "noEmitOnError": true,
        "removeComments": false,
        "sourceMap": true,
        "target": "es2015"
    },
    "include": [
        "file.ts"
    ],
    "exclude": [
        "node_modules",
        "wwwroot"
    ]
}

1

我发现这个解决方案对我有用:

检查tsconfig.json文件是否将build属性设置为“Content”而不是“None”,如果没有,请右键单击tsconfig文件并将构建操作设置为Content。之后重新加载项目,错误应该会消失。


谢谢,我尝试过了,但是出现了不同的错误,所以我又切换回“None”,然后编译成功了。 - Mer

0

在编译时使用。

tsc async_await.ts --lib es2015

2
这并不清楚地回答了问题。你能详细说明一下吗? - Machavity

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接