[解決済み] Angularアプリのシンタックスエラー。予期しないトークン <

2022-02-20 16:04:51

質問

ローカル環境と本番環境で完璧に動作するAngularアプリがあります。私が行った小さな変更の後、アプリをローカルで実行し、それは問題なく動作しました... その後、プロジェクトをビルドし ディスト フォルダをウェブサーバに転送しました。問題は、アプリにアクセスしようとすると、Chromeのインスペクタで以下のエラーが表示されることです。

Uncaught SyntaxError: Unexpected token < inline.1a152b6….bundle.js:1
Uncaught SyntaxError: Unexpected token < polyfills.1553fdd….bundle.js:1
Uncaught SyntaxError: Unexpected token < vendor.94d0113….bundle.js:1
Uncaught SyntaxError: Unexpected token < main.d6f56a1….bundle.js:1

ということで、文字がずれているようですが、ローカル環境ではアプリは正常に動作していますし、コンソールに警告やエラーメッセージも表示されません。

どうすればいいですか？

これは、404ページや、期待されるJavaScriptファイルの代わりに通常のhtmlを提供するページへのリダイレクトの結果である可能性が高いです。 (HTMLページは <html> または <!DOCTYPE...> )

ファイルが正しくアップロードされ、ページに正しくアクセスできていることを確認してください。ブラウザでURLに手動でアクセスするか、ブラウザの開発ツールのネットワークタブを覗いてレスポンスを検査することで確認できます。

[解決済み] Angularアプリのシンタックスエラー。予期しないトークン <

質問

どうすればいいですか？

関連

[解決済み】「ルーター・アウトレット」は既知の要素ではない

[解決済み】Angular: オブジェクトをサポートしているdiffが見つからない '[object Object]'

[解決済み] Angular CLIでピア依存をインストールする場合の対処方法は？

[解決済み] webpack のアップグレード後、名前空間 NodeJS が見つからない

[解決済み] AngularのmatSortがソートされない

[解決済み] ReferenceError: localStorageが定義されていません。

[解決済み] Angular 6でmouseoverとmouseoutを使用する方法

[解決済み] Angular 4 - "BrowserAnimationsModule "または "NoopAnimationsModule "のいずれかをアプリケーションに組み込んでください。

[解決済み] Angular HTMLバインディング

[解決済み] モジュール "@angular-devkit/build-angular" が見つかりませんでした。

最新

nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)

htmlページでギリシャ文字を使うには

ピュアhtml+cssでの要素読み込み効果

純粋なhtml + cssで五輪を実現するサンプルコード

ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード

タイピング効果を実現するピュアhtml+css

htmlの選択ボックスのプレースホルダー作成に関する質問

html css3 伸縮しない画像表示効果

トップナビゲーションバーメニュー作成用HTML+CSS

html+css 実装サイバーパンク風ボタン

おすすめ

[解決済み] node_modules が空になったので、`npm install`を実行する必要があるかもしれない。

[解決済み] Angular 4: コンポーネントファクトリが見つかりません。@NgModule.entryComponents に追加しましたか？

[解決済み] Angular 2で簡単なアコーディオンを作成するにはどうすればよいですか？

[解決済み] ngForにフィルターをかけるには？

[解決済み] Angular2 Final Release - 「Error: AngularにはZone.jsのプロリフィルが必要です"

[解決済み] switchの使用時に「ステートメントはif文でフィルタリングされなければならない」というtslintのクレームが発生する。

[解決済み] Angular2の$document.ready()に相当します。

[解決済み] Angularで電話番号の入力をフォーマットする

[解決済み] モジュール 'ngx-cookie-service' が見つかりません。

[解決済み] Angular 6でmouseoverとmouseoutを使用する方法