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

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

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

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Visual Studio

Microsoft Visual StudioはMicrosoftによる統合開発環境(IDE)です。多種多様なプログラミング言語に対応しています。

TypeScript

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

Q&A

解決済

2回答

2181閲覧

Visual studio2017でVue.jsにtypescriptを適用したい

退会済みユーザー

退会済みユーザー

総合スコア0

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Visual Studio

Microsoft Visual StudioはMicrosoftによる統合開発環境(IDE)です。多種多様なプログラミング言語に対応しています。

TypeScript

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

0グッド

0クリップ

投稿2018/03/28 03:40

初投稿のため至らない点があるかもしれませんがよろしくお願いします。

前提・実現したいこと

開発環境 Visualstudio2017
使用言語 C#
使用JS Vue.js

Vue.jsを公式サイトでインストール(npmやwebpackは極力使用したくない)
VisualStudio2017にVueを設定←この状態で動作することは確認
続いて 公式型宣言をインストール
(vue/types/**.d.ts tsconfig.jsonを入れると1つ以上とエラーになるため入れてない)
VisualStudio2017に設定

フォルダ構成は
script
---app
sample.ts
---vue
vue.js
---types
**.d.ts

この状態でsample.tsで動作ができない。
ts→jsの中身
Object.defineProperty(exports, "__esModule", { value: true });

これが動いていない。
何か足りないファイルがあるのでしょうか?

ソース
--sample.ts--
import Vue from "../../../typings/index";
var app = new Vue({
el: '#app',
data: {
message: 'こんにちは Vueです。!'
}
})
--index.html--

<div id="app"> {{ message }} </div>

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

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

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

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

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

guest

回答2

0

ベストアンサー

回答なしのため解決済みにしまsy

投稿2018/06/13 08:21

退会済みユーザー

退会済みユーザー

総合スコア0

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

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

0

import Vue from "../../../typings/index";としていますが、typingsという名前の通り型宣言だけのファイルなので、これをimportしてもVue本体は読み込まれません。

というより、

npmやwebpackは極力使用したくない

とありますが、どのような理由なのでしょうか。素のJavaScriptで書くならともかく、TypeScriptでその制約をかけても茨の道になるだけなのではないか、と感じました。

投稿2018/03/28 04:21

maisumakun

総合スコア145184

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

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

退会済みユーザー

退会済みユーザー

2018/06/13 07:38 編集

役に立たない回答ですね。
退会済みユーザー

退会済みユーザー

2018/06/13 07:38

役に立たない回答ですね
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問