TypeScriptで`TS1192: Module '"./node_modules/@types/react/index"' has no default export.`というエラーが出る

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

睿智的小蝌蚪 · TypeScript React ...· 1 周前 ·

八块腹肌的冲锋衣 · ReScript, TypeScript: ...· 1 周前 ·

刚毅的长颈鹿 · TypeScript ...· 1 周前 ·

独立的电影票 · typescript 数组初始化 - CSDN文库· 1 周前 ·

仗义的苹果 · scala怎么取出dataframe中某一列 ...· 昨天 ·

骑白马的咖啡 · How to add Cloudflare ...· 3 周前 ·

成熟的水龙头 · 【民主与法制周刊】以实践为导向 ...· 1 月前 ·

乖乖的马克杯 · Levenhuk Level PLUS ...· 2 月前 ·

斯文的大象 · AE脚本-关键帧曲线缓入缓出MG动画脚本AE ...· 4 月前 ·

眉毛粗的木瓜 · 2020合肥新站高新区初中学区划分图一览- ...· 5 月前 ·

TypeScriptで TS1192: Module '"./node_modules/@types/react/index"' has no default export. というエラーが出る

以下のようなimport文で TypeScript のエラーが起きた。

code:tsx

import React, {Component, Fragment} from "react"

export default class Sample extends Component { /*中略*/ }

React の型定義にdefault exportが無いため起きているエラーらしい。

TS1192: Module '"./node_modules/@types/react/index"' has no default export.

検索すると、解決するには以下のようにimport文を書き換えるとよいらしい。

code:tsx

import * as React from "react"

export default class Sample extends React.Component { /*中略*/ }

ところが、このような書き換えをあちこちでやるのは面倒臭い。

コンパイラ側で何かオプションはないかと調べていたところ、tsconfig.jsonの "compilerOptions": {} に "allowSyntheticDefaultImports": true と "esModuleInterop": true を追加すればよいことが分かった

code:tsconfig.json

{

"compilerOptions": {

"declaration": false,

"emitDecoratorMetadata": true,

"experimentalDecorators": true,

"lib": "es6", "dom" ,

"module": "es6",

"moduleResolution": "node",

"sourceMap": true,

"target": "es5",

"jsx": "react",

"allowSyntheticDefaultImports": true, // ここを追加した

"esModuleInterop": true // ここを追加した

"exclude": [

"**/*.spec.ts",

"node_modules",

"vendor",

"public"

"compileOnSave": false,

}

推荐文章

睿智的小蝌蚪 · TypeScript React props: interfaces vs type aliases | Ben Ilegbodu

1 周前

八块腹肌的冲锋衣 · ReScript, TypeScript: How to generate bindings of ReactDOM.Style.t for tsx? - react - ReScript Forum

1 周前

刚毅的长颈鹿 · TypeScript 数组、元组，any、unknown、never 类型 | arry老师的博客-艾编程

1 周前

独立的电影票 · typescript 数组初始化 - CSDN文库

1 周前

仗义的苹果 · scala怎么取出dataframe中某一列的值 - CSDN文库

昨天

骑白马的咖啡 · How to add Cloudflare SSL certificates to Nginx Proxy Manager? - Apps and Virtualization - TrueNAS C

3 周前

成熟的水龙头 · 【民主与法制周刊】以实践为导向加强涉外法治人才培养-中国政法大学新闻网

1 月前

乖乖的马克杯 · Levenhuk Level PLUS VT10 Tripod – Buy from the Levenhuk official website in USA

2 月前

斯文的大象 · AE脚本-关键帧曲线缓入缓出MG动画脚本AEscripts Flow v1.5.2+使用教程 | C4DSKY

4 月前

眉毛粗的木瓜 · 2020合肥新站高新区初中学区划分图一览- 合肥本地宝

5 月前