Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

preloadしたリソースが使われていないとGoogle ChromeのDevToolsに警告される #279

Closed
ykzts opened this issue Mar 7, 2017 · 3 comments
Closed

preloadしたリソースが使われていないとGoogle ChromeのDevToolsに警告される #279

ykzts opened this issue Mar 7, 2017 · 3 comments
Assignees
@ykzts
Labels
bug
Projects
development
Milestone
2.0.0

Comments

@ykzts
Copy link
Collaborator

ykzts commented Mar 7, 2017 •
edited

Google ChromeのDeveloper Toolsを開いていると、preloadをしたリソースが使われていないという警告が表示されてしまう。

Google ChromeのDeveloper ToolsでBaberuTVを開いた様子

これはscript要素はcrossorigin="anonymous"だが、preloadのためのlink要素はcrossorigin属性が無指定になってしまっているために起きているものと思われる。
@ykzts ykzts added the bug label Mar 7, 2017
@ykzts ykzts added this to the 3.0.0 milestone Mar 7, 2017
@ykzts ykzts added this to Backlog in development Mar 7, 2017
@ykzts ykzts changed the title preloadしてloadイベントでなにもしていないとGoogle ChromeのDevToolsに警告される preload後に使われていないとGoogle ChromeのDevToolsに警告される Mar 7, 2017
@ykzts ykzts changed the title preload後に使われていないとGoogle ChromeのDevToolsに警告される preloadしたリソースが使われていないとGoogle ChromeのDevToolsに警告される Mar 7, 2017
@ykzts
Copy link
Collaborator Author

ykzts commented Mar 7, 2017 •
edited

の二点のIssueが関係している模様。

preload-webpack-pluginとGoogle Chrome両方の修正を待たなければならないと思われる。

@ykzts ykzts moved this from Backlog to Ready in development Mar 7, 2017
@ykzts ykzts modified the milestones: 2.0.0, 3.0.0 Mar 7, 2017
@ykzts
Copy link
Collaborator Author

ykzts commented Mar 7, 2017

警告とは言えconsole表示されているのは精神衛生上よろしくないので早めに対処したい。

@ykzts ykzts self-assigned this Mar 7, 2017
@ykzts ykzts moved this from Ready to In Progress in development Mar 7, 2017
@ykzts
Copy link
Collaborator Author

ykzts commented Mar 7, 2017 •
edited

とりいそぎはcrossorigin属性とintegrity属性をなくせば解決できるはずである。極めて不本意ではあるが、v3.0.0までにはなんとかなっていて欲しい。

@ykzts ykzts moved this from In Progress to Done in development Mar 7, 2017
ykzts added a commit that referenced this issue Mar 7, 2017
@ykzts
Remove crossorigin attribute for production environment Close #279
140892e 
dynamic importで切り出したスクリプトファイルを呼び出す際に、
`script`要素に`crossorigin`属性を追加するのを止める。

`crossorigin`属性を持つ`script`要素を`preload`させる場合は
`rel`属性の値を`preload`にした`link`要素にも`crossorigin`属性を追加させなければならない。
`preload-webpack-plugin`はv1.2.1現在、`crossorigin`属性の追加には対応していない。
そのため、`preload-webpack-plugin`を使っている限りは`crossorigin`属性を`script`要素に足せない。

また`crossorigin`属性と同様に`integrity`属性を持っている場合も同様である。
ただし`link`要素は`rel`属性の値が`stylesheet`の時以外は`integrity`属性を持たせることはできない。
仕様にない動作であるため、当然 ウェブブラウザーからも適切に認識されることはない。

`crossorigin`属性の値が`anonymous`でない場合は`integrity`属性を持たせられないため、
`preload-webpack-plugin`が`crossorigin`属性の追加に対応していない時点で
`integrity`属性の追加もできなくなっているのではあるが、
非常に残念でならない。

これは敗北のコミットである。
@ykzts ykzts closed this as completed in eeef661 Mar 7, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@ykzts ykzts

Labels
bug
Projects
development
  
Done
Milestone
2.0.0
Development

No branches or pull requests
1 participant
@ykzts