2017-11-22 12 views
1

私はVueや他のプロジェクトの最新バージョンにプロジェクトをアップグレードしようとしても問題はありませんでした。私はdotnet new vueを使ってプロジェクトを作成しました。これにより、動作するが古いバージョンのパッケージを使用するプロジェクトが作成されました。VS 2017 Vueテンプレートの最新バージョンにアップグレードするにはどうすればよいですか?

私は、最新のバージョンにすべての私のパッケージを更新しようとしていますが、私は、私は私のプロジェクトを実行すると、このエラーを取得しているようだ:

[Vue warn]: Failed to mount component: template or render function not defined.

私は標準のAspでこれを再現することができました純Vueのプロジェクトと、このpackage.jsonファイル(他の修飾)...

{ 
    "name": "vuetest", 
    "private": true, 
    "version": "0.0.0", 
    "devDependencies": { 
     "@types/webpack-env": "^1.13.0", 
     "aspnet-webpack": "^2.0.1", 
     "awesome-typescript-loader": "^3.4.0", 
     "bootstrap": "^3.3.7", 
     "css-loader": "^0.28.7", 
     "event-source-polyfill": "^0.0.12", 
     "extract-text-webpack-plugin": "^3.0.2", 
     "file-loader": "^1.1.5", 
     "isomorphic-fetch": "^2.2.1", 
     "jquery": "^3.1.1", 
     "style-loader": "^0.19.0", 
     "typescript": "^2.6.1", 
     "url-loader": "^0.6.2", 
     "vue": "^2.5.8", 
     "vue-loader": "^13.5.0", 
     "vue-property-decorator": "^6.0.0", 
     "vue-router": "^3.0.1", 
     "vue-template-compiler": "^2.5.8", 
     "webpack": "^3.8.1", 
     "webpack-hot-middleware": "^2.20.0" 
    } 
} 

、(Vueのを私は別のものの束を試してみましたが、ほとんどすべてのプロジェクトにおける技術のは、私に新しく追加されましたWebpack、TypeScript、NPM、ASP.Netコア)私はどのレイヤーが壊れているのか分かりません。私はこのエラーについて話している他のページを見てきましたが、解決策はこの特定のスタックには当てはまらないか、まったく機能しませんでした。

+1

アプリケーションでasp.netがどのように影響するのかよくわかりません。 C#でサーバーサイドのvueアプリケーションを記述していますか?これらのテクニックがどれも新しい場合は、Microsoftのvue-starterリポジトリからtypescript + webpackプロジェクトを作成するなど、少し簡単に始めたいと思うかもしれません。それは箱から出て、あなたにこれらのテクニックがどのように働くかのアイデアを与えるでしょう。 – Kokodoko

+0

@Kokodoko提案していただきありがとうございます。私は前にそのレポを見ていませんでしたが、ASP.Net MVCを使用して構築することを本当に望んでいますが、これをすぐに動作させることができない場合は、私が慣れていない「コア」部分、私が長年の経験を持っているMVCの残りの部分)。しかし、おそらくもっと基本的なものから始めれば、後で残りの部分をどのように紹介するのかが分かります。 – Brian

+0

asp.netを使用してJSONデータを生成し、それをクライアント側のVueアプリケーションでレンダリングすることを検討します。 – Kokodoko

答えて

1

APIとSPAのプロジェクトが別々になりました。 Quasar CLIを使用してSPAプロジェクトを作成しましたが、Vue CLIを使用してもうまくいきました。

フォルダ構造には兄弟としてAPIとSPAがあります。 APIでは、すべてのルートが「\ api」で始まり、SPAのコンパイル済み出力を指す静的ファイル用のミドルウェアが追加されていることを確認しました(これは構成設定なので、両方を展開できます)。開発のために、Quasar CLIがこの機能に使用したものに組み込まれたホットリロード機能を使用して、IIS Expressで実行しているAPIプロジェクトへの "\ api"呼び出しをプロキシするようにサーバーを設定します。 "Start Without Debugging"コマンドを使用すると、APIを変更して再コンパイルしても動作し続けます。

これは私にとって非常にうまくいっているようで、変更を加えてすぐにそれらの変更をビルドとデプロイの手順を実行することなく見ることができます。

関連する問題