X



TypeScript part2 [転載禁止]©2ch.net
レス数が1000を超えています。これ以上書き込みはできません。
0973デフォルトの名無しさん
垢版 |
2018/02/20(火) 18:34:14.34ID:KguAhC0Q
yarnのワークスペースを使用して、Create React AppとCreate React Native App (Expo) で共通のコードを共有する
https://taiyaq.com/contents/gk1Kr17x8vW9LIozNo51lez9rr
を参考にしてcreate-react-app でtypescriptプロジェクトを作ったんだけど
ワークスペース内での型情報の共有がうまくいかない。
それぞれ単体では動くんだけど。既に試している人っている?
0974デフォルトの名無しさん
垢版 |
2018/02/26(月) 16:47:13.03ID:Y4Glcgpd
ブラウザで動く個人的なちょっとしたものしか作らなくて、
ライブラリはimportしないで自分でscriptタグで読み込んでるから、
@typesの定義だけ欲しいんだけど、今って中身のないstubばかりで
importしないと使えないんだけど、これってどうすればいいのでしょうか?

仕方なくファイルをルートにコピーして、意味がわからないまま
export as namespace hogehoge; みたいな文をくっつけたりして
何とか機能するようにしてるけど、非常に困ってます
0976デフォルトの名無しさん
垢版 |
2018/02/26(月) 19:51:46.67ID:Y4Glcgpd
いろいろやってみたけど、なかなか上手くいかない。
tsc --listFilesってやると、定義自体は読み込めてるようなんだけど、
要するに、d.tsファイルがIsomorphic modules (UMD global)ってやつに対応した書き方になってなくて、
それに対応するためにexport as namespace hogehoge; が必要だったりするらしい
https://www.typescriptlang.org/docs/handbook/modules.html#umd-modules
0977デフォルトの名無しさん
垢版 |
2018/02/26(月) 21:54:01.34ID:0Cvn/PR2
>>974
ちょっと言ってることがわからないからこういうときは小さいサンプルでも作ってどっかにあげてみてくんない?
そしてそうやって小さくまとめてみると意外と自己解決したりするもんだ。
0978デフォルトの名無しさん
垢版 |
2018/02/26(月) 23:16:55.53ID:Y4Glcgpd
例えばmomentを使う場合、scriptタグでmoment.jsを読み込んでいれば、
自分のjsではconsole.log(moment().format("YYYYMMDD hh:mm:ss"))みたいに使えます。
そのjsをtypescriptで書こうとした場合、moment()の定義が必要になります。
そこで@types/momentをインストールするわけですが、@typesはオワコンらしく、
実際にはmoment自体のパッケージもインストールされて、その中の定義ファイルが
参照されるようになります。
しかし、自分が使おうとしているmoment()は、トップレベルのwindow.moment()なわけですが、
定義ファイルでは、そのことが考慮されていないために定義を見つけられないようです。
(エラーは出ますが、anyとしてコンパイルはされます。)
その定義を見つけらるようにするおまじないが、export as namespace moment;のようです。

結局は、モジュールシステムに合わせた定義ファイルの書き方を
理解している人が少ないのだと思います。
export hogehoge とか export default hogehoge とか export = hogehogeとか
わけわかりません。
0979デフォルトの名無しさん
垢版 |
2018/02/27(火) 01:53:35.35ID:ZLoGDkNB
>>978
@typesは別にオワコンじゃない。
型定義を提供するのに2つのルートがあるってだけ。
momentは作者側で型定義を提供してくれてるってだけ。

ところで解決したってことでいいんだよね?
/// <reference path="./mytypes/moment.d.ts"/>
みたいな感じでカスタムしたd.tsを読めばいいだけだし。
0981デフォルトの名無しさん
垢版 |
2018/02/27(火) 12:44:23.84ID:XDcEi9Sw
import使っちゃった意味ないんだけどね
vueみたいに複数のファイルに分けられちゃうと大幅に変えないといけないから
気軽にプルリクできない感じがする
だが自分でその場しのぎの対応してると、バージョン上げられた時に詰む
0982デフォルトの名無しさん
垢版 |
2018/02/27(火) 12:53:20.87ID:XDcEi9Sw
勘違いしてた
import _moment from 'moment';
export as namespace moment;
export = _moment;
とか、
import _Vue from 'Vue';
export as namespace Vue;
export = _Vue;
みたいに書けばいいのか。
すごい。解決した
0987デフォルトの名無しさん
垢版 |
2018/03/17(土) 00:42:53.78ID:4Xu/HAYS
tsconfigのexcludeの項目を、compilerOptionsの中に書いてて、何でダメなんだろう悩んじゃった
設定はcompilerOptionsの中に書くものと思い込んでて、全然気付けなかった
0990デフォルトの名無しさん
垢版 |
2018/04/02(月) 17:52:32.10ID:G4IZotVZ
俺のtypescriptが好きすぎる感情をどこにぶつけていいかわからない
0993デフォルトの名無しさん
垢版 |
2018/04/03(火) 11:33:16.29ID:R6gDm2yr
次スレよろ
0996デフォルトの名無しさん
垢版 |
2018/04/20(金) 09:50:01.67ID:WJk0jxxj
続きはCMのあとで!
0998デフォルトの名無しさん
垢版 |
2018/04/24(火) 21:50:54.24ID:BAt1Eldp
うむ
1000デフォルトの名無しさん
垢版 |
2018/04/26(木) 21:52:07.15ID:vM7mL5EC
safariが次のIEと呼ばれているように、
Typescriptは次のcoffeescriptと言われているwww
10011001
垢版 |
Over 1000Thread
このスレッドは1000を超えました。
新しいスレッドを立ててください。
life time: 1092日 3時間 14分 38秒
レス数が1000を超えています。これ以上書き込みはできません。

ニューススポーツなんでも実況