こんばんは。つい最近までコートを羽織っていたと思えば、もう随分暖かくなりましたね。
数日前から趣味で新しいウェブアプリを書いていて、折角なので勉強がてら新たにPHPフレームワークのLaravelを採用することにしました。噂には聞いていましたが確かに素晴らしい出来で、今後PHPのプロジェクトでは第一候補としたくなるようなものでした。
次の3つはグローバルインストール済み
Laravel には、フロントエンドの開発を支援する Elixir という gulp のラッパーがあります。デフォルトでSassやLessのコンパイル、JSのcombine&minifyとかできるすごいやつ。でもTypeScriptはサポートしてくれないので、自力でがんばる必要があります。（CoffeeScriptは公式サポート対象なんてズルい！）
すべてを String で書いてたら、あるときエラーになってしまったので共有します。
クライアント側のコードをTypeScriptで書いていたとき、SocketIOのライブラリを使っていたところ、次のエラーになりました。
|
1 |
error TS2345: Argument of type 'String' is not assignable to parameter of type 'string'. |
ライブラリの定義を確認すると string の引数を受け取るところに String の変数を与えていることが分かりました。
Stringとstring？ あれ、同じじゃないの？なんて思っていたらどうやら違うようです。
エラーの再現コードはこんな感じです。
|
1 2 3 4 5 6 7 8 9 |
public call() { let val1: String = 'val1'; this.callee(val1); // ここで error TS2345 } // この callee 関数はライブラリ内にある public callee(param: string ) { console.log('param: ', param); } |
前回まででTypeScriptを使ってフロントエンドJavaScriptをビルドする話を書きましたが、TypeScrptに慣れてしまうとES2015で書く気にはなれません。
当然のようにサーバーサイドもTypeScriptでコードを書き始めたのですが、ビルドにフロントエンドでも使っていたWebPackを採用して少しハマったので共有します。
上3つのモジュールは npm でグローバルインストール済み。
WebPackでTypeScriptをビルドするためのローダーをローカルインストールしています。
先に結論を書くと、nodeランタイム用にWebPackを使ってビルドするとき、単に node_modules をexcludeするだけではダメで、代わりに webpack-node-externals を使いましょう、という話。