我的Vue 2.2.3应用程序无法构建,有4个TypeScript相关错误,我不知道如何纠正。
控制台的外观如下:
Failed to compile with 4 errors 6:08:46 PM
error in node_modules/vue/types/jsx.d.ts:39:7
TS1110: Type expected.
37 | * https://github.com/frenic/csstype#what-should-i-do-when-i-get-type-errors
38 | */
> 39 | [v: `--${string}`]: string | number | undefined
| ^^^^^
40 | }
41 |
42 | type Booleanish = boolean | 'true' | 'false'
error in node_modules/vue/types/jsx.d.ts:39:20
TS1005: ';' expected.
37 | * https://github.com/frenic/csstype#what-should-i-do-when-i-get-type-errors
38 | */
> 39 | [v: `--${string}`]: string | number | undefined
| ^
40 | }
41 |
42 | type Booleanish = boolean | 'true' | 'false'
error in node_modules/vue/types/jsx.d.ts:39:21
TS1128: Declaration or statement expected.
37 | * https://github.com/frenic/csstype#what-should-i-do-when-i-get-type-errors
38 | */
> 39 | [v: `--${string}`]: string | number | undefined
| ^
40 | }
41 |
42 | type Booleanish = boolean | 'true' | 'false'
error in node_modules/vue/types/jsx.d.ts:40:1
TS1128: Declaration or statement expected.
38 | */
39 | [v: `--${string}`]: string | number | undefined
> 40 | }
| ^
41 |
42 | type Booleanish = boolean | 'true' | 'false'
43 | type Numberish = number | string
ERROR Error: Build failed with errors.
我按照控制台输出中的链接得到了以下代码。我将该文件添加到我的项目src目录中。
// My css.d.ts file
import type * as CSS from 'csstype';
declare module 'csstype' {
interface Properties {
// Add a missing property
WebkitRocketLauncher?: string;
// Add a CSS Custom Property
'--theme-color'?: 'black' | 'white';
// ...or allow any other property
[index: string]: any;
}
}
当然,上面的文件并没有解决问题,我也遇到了同样的TypeScript错误。我尝试删除'--theme-color'?: 'black' | 'white';
,但也不起作用。
坦率地说,我不知道如何解决这些问题并通过构建。奇怪的是,该应用程序在我的生产服务器上构建时没有任何问题。
我想补充一点,我也在使用Veutify,这可能会也可能不会导致其中的一些错误。
非常感谢您的帮助。
我今天在Vue: 2.6.11
中看到了同样的错误。不知道如何处理。
更新
我通过更新package.json中的TypeScript解决了这个问题。我认为不支持字符串文字。
我更新到TS版本4.4.4