teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

webpackのコンフィグの記載漏れと、コンソールでのエラーチェックの追記

2020/12/28 12:38

投稿

siro_53
siro_53

スコア1

title CHANGED
File without changes
body CHANGED
@@ -309,6 +309,9 @@
309
309
  ### 試したこと
310
310
 
311
311
  始めはonloadに代入してしまっていたのでaddEventListenerでの登録に切り替えました。
312
+ コンソールでのエラーチェック。特にエラーは出ていませんでした。
313
+ サブウインドウをそのままコンソールのログに出力してみたところ、代替の要素が以下の文字列で埋められていました。
314
+ Exception: DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame. at o (<anonymous>:1:83)
312
315
 
313
316
  ### 補足情報(FW/ツールのバージョンなど)
314
317
  開発環境
@@ -336,4 +339,41 @@
336
339
  "dependencies": {},
337
340
  "description": ""
338
341
  }
342
+ ```
343
+ webpack.config.json(ネットに転がっていたのをコピペしてきました。)↓
344
+ ```
345
+ const path = require('path');
346
+ module.exports = {
347
+ // モジュールバンドルを行う起点となるファイルの指定
348
+ // 指定できる値としては、ファイル名の文字列や、それを並べた配列やオブジェクト
349
+ // 下記はオブジェクトとして指定した例
350
+ entry: {
351
+ bundle: './src/main.ts'
352
+ },
353
+ output: {
354
+ // モジュールバンドルを行った結果を出力する場所やファイル名の指定
355
+ // "__dirname"はこのファイルが存在するディレクトリを表すnode.jsで定義済みの定数
356
+ path: path.join(__dirname,'dist'),
357
+ filename: '[name].js' // [name]はentryで記述した名前(この例ではbundle)が入る
358
+ },
359
+ // モジュールとして扱いたいファイルの拡張子を指定する
360
+ // 例えば「import Foo from './foo'」という記述に対して"foo.ts"という名前のファイルをモジュールとして探す
361
+ // デフォルトは['.js', '.json']
362
+ resolve: {
363
+ extensions:['.ts','.js']
364
+ },
365
+ devServer: {
366
+ // webpack-dev-serverの公開フォルダ
367
+ contentBase: path.join(__dirname,'dist')
368
+ },
369
+ // モジュールに適用するルールの設定(ここではローダーの設定を行う事が多い)
370
+ module: {
371
+ rules: [
372
+ {
373
+ // 拡張子が.tsで終わるファイルに対して、TypeScriptコンパイラを適用する
374
+ test:/.ts$/,loader:'ts-loader'
375
+ }
376
+ ]
377
+ }
378
+ }
339
379
  ```

1

そもそも、コンパイルの通らない記述があったので修正しました。

2020/12/28 12:38

投稿

siro_53
siro_53

スコア1

title CHANGED
File without changes
body CHANGED
@@ -186,7 +186,7 @@
186
186
  this.sizeY=1;
187
187
 
188
188
  /*ロード時に初期化*/
189
- this.subWindow.addEventListener("DOMContentLoaded",this.Init);//ここが動かない
189
+ this.subWindow.addEventListener("load",()=>{this.Init()});//ここが動かない
190
190
  }
191
191
 
192
192
  public Init():void
@@ -309,7 +309,6 @@
309
309
  ### 試したこと
310
310
 
311
311
  始めはonloadに代入してしまっていたのでaddEventListenerでの登録に切り替えました。
312
- loadイベントではいけないのかと思い、DOMContentLoadedイベントに切り替えました。
313
312
 
314
313
  ### 補足情報(FW/ツールのバージョンなど)
315
314
  開発環境