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

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

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

Angularは、JavaScriptフレームワークです。AngularJSの後継であり、TypeScriptベースで実装されています。機能ごとに実装を分けやすく、コードの見通しが良いコンポーネント指向です。

Q&A

0回答

265閲覧

Anglar8でIE11を表示させたい

ohsa86

総合スコア4

Angular

Angularは、JavaScriptフレームワークです。AngularJSの後継であり、TypeScriptベースで実装されています。機能ごとに実装を分けやすく、コードの見通しが良いコンポーネント指向です。

0グッド

0クリップ

投稿2019/08/20 16:30

Angular8でIE11が表示させたい

他の方の解決策を参考に試しましたが、以下のコンソールエラーを解決できずIE11が表示できないです。
必要な情報、足りない点あればお手数ですがご指摘お願いいたします。

発生している問題・エラーメッセージ

IE11 開発者ツールのコンソール

SCRIPT1002: 構文エラーです。 polyfills.js (3048,5) SCRIPT1002: 構文エラーです。 vendor.js (155,1) SCRIPT1002: 構文エラーです。 main.js (93,24)

試したこと

以下のファイルを編集、作成して最後にコマンドを実行しました。

version
Node:12.3.1
OS:win32 x64
Angular:8.1.1

browserslist

IE 9-11 # For IE 9-11 support, remove 'not'.

polyfills.ts

import 'classlist.js'; import 'web-animations-js';

tsconfig.json
targetを"es2015"から変更

{ "compileOnSave": false, "compilerOptions": { "baseUrl": "./", "outDir": "./dist/out-tsc", "sourceMap": true, "declaration": false, "downlevelIteration": true, "experimentalDecorators": true, "module": "esnext", "moduleResolution": "node", "importHelpers": true, "target": "es5", "typeRoots": ["node_modules/@types"], "types": ["node"], "paths": { "@/*": ["src/*"] }, "lib": ["es2018", "dom"] }, "angularCompilerOptions": { "fullTemplateTypeCheck": true, "strictInjectionParameters": true } }

angular.json
”es5”部分を追加

"build": { "builder": "@angular-devkit/build-angular:browser", "options": { ... }, "configurations": { "production": { ... }, "es5": { "tsConfig": "./tsconfig-es5.app.json" } } }, "serve": { "builder": "@angular-devkit/build-angular:dev-server", "options": { ... }, "configurations": { "production": { ... }, "es5": { "browserTarget": "project名:build:es5" } } },

tsconfig-es5.app.json
このファイルは新規作成して、tsconfig.jsonと同じ階層に追加

{ "extends": "./tsconfig.app.json", "compilerOptions": { "target": "es5" } }

コマンドを実行

ng serve --configuration es5

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

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

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

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

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

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

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

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

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問