web-dev-qa-db-ja.com

Angular StackBlitzからローカルへのプロジェクト

StackBlitzで行われたAngularプロジェクトをエクスポートし、ローカルマシンで作成されたAngularプロジェクトと同様に、コマンドng serveを使用してAngular CLIから実行します。

angularstackblitz
12
Lorenzo Lerate

早くやれよ。クリックする必要がある場所は次のとおりです。

stackblitz screenshot

8
JB Nizet

このエラーを解決するには：ENOENT：no such file or directory、stat '/.../projectFolder/tsconfig.app.json'

StackBlitzからプロジェクトをダウンロードした後、Zipをフォルダーにコピーしました。私のプロジェクトのtsconfig.app.jsonファイルは、srcフォルダーにありました。上記のエラーを解決するために、angular.jsonファイルの"tsConfig": "tsconfig.app.json"プロパティを"tsConfig": "src/tsconfig.app.json"に置き換えました。ターミナルでは、プロジェクトのディレクトリでnpm installを実行して、すべての依存関係をインストールしました。次に、ng serve -oを実行してサーバーを実行し、ブラウザーでアプリを正常に開きました。

ソース： ENOENT：angular 4？ を使用してtsconfig.app.jsonにそのようなファイルまたはディレクトリがありません

編集： https://angular.io/start/deployment のローカルでの構築セクションでは、StackBlitzアプリケーションをローカルで構築する方法について説明しています。基本的に、Angular CLIをインストールし、新しいプロジェクトを作成し、新しいプロジェクトの/ srcフォルダーをダウンロードしたStackBlitzプロジェクトの/ srcフォルダーに置き換え、最後にプロジェクトをビルドします。

ただし、モジュールが見つからないというエラーが発生したため、これは機能しませんでした。動作したのは、StackBlitzプロジェクトフォルダーのファイルと一致する新しいプロジェクトフォルダー内のすべてのファイルを置き換えることでした。 npm install、npm build --prod、最後にng serve -oを実行します。

2
HelloWorldPeace

@ gal007、@ tamo-studio、および@ jb-nizetが指摘したように、プロジェクトをダウンロードしてnpm installおよびng serveを実行することができるはずですが、これはすべてのプロジェクトで機能するとは限りません。

現在のAngularバージョン6より新しいバージョンのプロジェクトで動作するはずです。私はv7で試してみましたが、それは魅力的なものでした。

1つのコメントのエラーメッセージは、ファイルtsconfig.jsonが欠落していることを示唆しています。これは、Angularの新しく生成されたプロジェクトから取得できます。そのようなプロジェクトを作成するには、次の手順を実行します。

  1. package.jsonのどのバージョンAngular現在のプロジェクトで使用されているかを確認します（@angular/coreを探します）
  2. angular-cliの対応するバージョンをインストールします。e。 g。 npm i -g @angular/cli@^4を介したv4の場合
  3. 空のディレクトリで$ ng initを実行します
  4. tsconfig.jsonを取得して現在のプロジェクトに移動し、必要に応じて調整します
  5. これで、一時的に作成されたプロジェクトを削除できます

これで実行できるはずです。それでも機能しない場合は、StackOverflowでエラーメッセージを確認するか、新しい質問を開始してください:)

0
wtho

enter image description here

  1. 下向きの矢印でそのボタンをクリックします
  2. プロジェクトCDに「cdあなたのアプリ名」
  3. npmインストール
  4. サーブ
0
Pato Vargas

StackBlitzがそのようなファイルを生成しないのは事実です。ただし、ディレクトリ内のtsconfig.jsonファイルは、そのようなディレクトリがTypeScriptプロジェクトのルートであることを示しています。そのため、このようなファイルを作成して空のままにしておくことができます。ターミナルからコンパイルできました。 https://www.typescriptlang.org/docs/handbook/tsconfig-json.html

0
gal007