質問編集履歴
2
webpackのコンフィグの記載漏れと、コンソールでのエラーチェックの追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -620,6 +620,12 @@
|
|
|
620
620
|
|
|
621
621
|
始めはonloadに代入してしまっていたのでaddEventListenerでの登録に切り替えました。
|
|
622
622
|
|
|
623
|
+
コンソールでのエラーチェック。特にエラーは出ていませんでした。
|
|
624
|
+
|
|
625
|
+
サブウインドウをそのままコンソールのログに出力してみたところ、代替の要素が以下の文字列で埋められていました。
|
|
626
|
+
|
|
627
|
+
Exception: DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame. at o (<anonymous>:1:83)
|
|
628
|
+
|
|
623
629
|
|
|
624
630
|
|
|
625
631
|
### 補足情報（FW/ツールのバージョンなど）
|
|
@@ -675,3 +681,77 @@
|
|
|
675
681
|
}
|
|
676
682
|
|
|
677
683
|
```
|
|
684
|
+
|
|
685
|
+
webpack.config.json(ネットに転がっていたのをコピペしてきました。)↓
|
|
686
|
+
|
|
687
|
+
```
|
|
688
|
+
|
|
689
|
+
const path = require('path');
|
|
690
|
+
|
|
691
|
+
module.exports = {
|
|
692
|
+
|
|
693
|
+
// モジュールバンドルを行う起点となるファイルの指定
|
|
694
|
+
|
|
695
|
+
// 指定できる値としては、ファイル名の文字列や、それを並べた配列やオブジェクト
|
|
696
|
+
|
|
697
|
+
// 下記はオブジェクトとして指定した例
|
|
698
|
+
|
|
699
|
+
entry: {
|
|
700
|
+
|
|
701
|
+
bundle: './src/main.ts'
|
|
702
|
+
|
|
703
|
+
},
|
|
704
|
+
|
|
705
|
+
output: {
|
|
706
|
+
|
|
707
|
+
// モジュールバンドルを行った結果を出力する場所やファイル名の指定
|
|
708
|
+
|
|
709
|
+
// "__dirname"はこのファイルが存在するディレクトリを表すnode.jsで定義済みの定数
|
|
710
|
+
|
|
711
|
+
path: path.join(__dirname,'dist'),
|
|
712
|
+
|
|
713
|
+
filename: '[name].js' // [name]はentryで記述した名前(この例ではbundle）が入る
|
|
714
|
+
|
|
715
|
+
},
|
|
716
|
+
|
|
717
|
+
// モジュールとして扱いたいファイルの拡張子を指定する
|
|
718
|
+
|
|
719
|
+
// 例えば「import Foo from './foo'」という記述に対して"foo.ts"という名前のファイルをモジュールとして探す
|
|
720
|
+
|
|
721
|
+
// デフォルトは['.js', '.json']
|
|
722
|
+
|
|
723
|
+
resolve: {
|
|
724
|
+
|
|
725
|
+
extensions:['.ts','.js']
|
|
726
|
+
|
|
727
|
+
},
|
|
728
|
+
|
|
729
|
+
devServer: {
|
|
730
|
+
|
|
731
|
+
// webpack-dev-serverの公開フォルダ
|
|
732
|
+
|
|
733
|
+
contentBase: path.join(__dirname,'dist')
|
|
734
|
+
|
|
735
|
+
},
|
|
736
|
+
|
|
737
|
+
// モジュールに適用するルールの設定（ここではローダーの設定を行う事が多い）
|
|
738
|
+
|
|
739
|
+
module: {
|
|
740
|
+
|
|
741
|
+
rules: [
|
|
742
|
+
|
|
743
|
+
{
|
|
744
|
+
|
|
745
|
+
// 拡張子が.tsで終わるファイルに対して、TypeScriptコンパイラを適用する
|
|
746
|
+
|
|
747
|
+
test:/.ts$/,loader:'ts-loader'
|
|
748
|
+
|
|
749
|
+
}
|
|
750
|
+
|
|
751
|
+
]
|
|
752
|
+
|
|
753
|
+
}
|
|
754
|
+
|
|
755
|
+
}
|
|
756
|
+
|
|
757
|
+
```
|
1
そもそも、コンパイルの通らない記述があったので修正しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -374,7 +374,7 @@
|
|
|
374
374
|
|
|
375
375
|
/*ロード時に初期化*/
|
|
376
376
|
|
|
377
|
-
this.subWindow.addEventListener("
|
|
377
|
+
this.subWindow.addEventListener("load",()=>{this.Init()});//ここが動かない
|
|
378
378
|
|
|
379
379
|
}
|
|
380
380
|
|
|
@@ -620,8 +620,6 @@
|
|
|
620
620
|
|
|
621
621
|
始めはonloadに代入してしまっていたのでaddEventListenerでの登録に切り替えました。
|
|
622
622
|
|
|
623
|
-
loadイベントではいけないのかと思い、DOMContentLoadedイベントに切り替えました。
|
|
624
|
-
|
|
625
623
|
|
|
626
624
|
|
|
627
625
|
### 補足情報（FW/ツールのバージョンなど）
|