質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
TypeScript

TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

Eclipse

Eclipseは、IBM社で開発された統合開発環境のひとつです。2001年11月にオープンソース化されました。 たくさんのプラグインがあり自由に機能を追加をすることができるため、開発ツールにおける共通プラットフォームとして位置づけられています。 Eclipse自体は、Javaで実装されています。

AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

Spring Boot

Spring Bootは、Javaのフレームワークの一つ。Springプロジェクトが提供する様々なフレームワークを統合した、アプリケーションを高速で開発するために設計されたフレームワークです。

Q&A

1回答

4903閲覧

Typescriptの型定義ファイルの読み込みについて

biz0411

総合スコア6

TypeScript

TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

Eclipse

Eclipseは、IBM社で開発された統合開発環境のひとつです。2001年11月にオープンソース化されました。 たくさんのプラグインがあり自由に機能を追加をすることができるため、開発ツールにおける共通プラットフォームとして位置づけられています。 Eclipse自体は、Javaで実装されています。

AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

Spring Boot

Spring Bootは、Javaのフレームワークの一つ。Springプロジェクトが提供する様々なフレームワークを統合した、アプリケーションを高速で開発するために設計されたフレームワークです。

0グッド

1クリップ

投稿2017/04/11 05:56

編集2017/04/11 06:21

TypescriptとGradle、Spring Boot初心者です。

pleiadesのNeon.3 Release (4.6.3)とSpring Boot、Gradleで
プロジェクトを作成しています。

###前提・実現したいこと
Typescriptにプロジェクト名/node_module/@types/angularの中に
ある型定義ファイル「index.d.ts」を読み込ませたい

###発生している問題・エラーメッセージ
Typescriptでangularjsを使うためにnode_modulesにある型定義ファイルをreference pathを
使って読み込もうとしていますが、以下のエラーが表示されます。

↓ プロジェクト名/src/main/resources/static/js/app.ts に以下を記述 ///<reference path="../../../../../node_modules/@types//angular/index.d.ts" /> ↓ エラーメッセージ File 'eclipse:/プロジェクト名/node_modules/@types/angular/index.d.ts' not found.

調べてみたのですが、原因も解決策も全く解らなかったので
アドバイスを頂けるとありがたいです。

宜しくお願い致します。

###試したこと
・app.tsと同じ場所にあるtsファイルは読み込めた

・@types/angularjsをインストールして試してみたが同様にnot found

・typings の angularの型定義ファイルをインストールして
reference pathで読み込みを試してみたが同様にnot found

・tsconfig.jsonに「"types": ["angular"]」と「"typeRoots": ["./node_modules/@types"]」
を記述したがエラー解消されず

・pathの「../」を減らすと正しいパスではなくなる

・pathに「./node_modules/@types/angular/index.d.ts」を記述したが
「File 'eclipse:/プロジェクト名/src/main/resources/static/js/node_modules/@types/angular/index.d.ts' not found.」のエラーが発生

###補足情報(言語/FW/ツール等のバージョンなど)
ファイルの構造:

プロジェクト名 ├ src/main/java ├ src/main/resources │ └ static │ └ js │ └ app.ts ※src/test/java、JREシステムライブラリー、gradleなどあまり関係なさそうなので省略※ │ ├node_modules │ └@types │ └angular │ └index.d.ts ├src ├build.gradle ├gradlew ├gradlew.bat ├package.json └tsconfig.json

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

typescriptのバージョンを教えてください 2.0以降であれば特に設定無しで
自動的にnode_module/@types/angular/index.d.tsを参照します。
またtsconfig.jsonに
"traceResolution": true,
を設定してtscを実行することで定義ファイルの探している場所がわかります。

投稿2017/05/29 07:40

m0a

総合スコア708

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問