Angular Element

大家好,

想請問angular element的相關問題

參考了:


建了一個angular element,
但把Build好的js file跟angular element 放到html file(.net core mvc的view)後,
在chrome 的 console顯示

  • Refused to apply inline style because it violates the following Content Security Policy directive: “default-src ‘self’”. Either the ‘unsafe-inline’ keyword, a hash (‘sha256-e3V23jqTC4ZHVv3VcD/ftoXYCncc286vQIrfXrE6UxY=’), or a nonce (‘nonce-…’) is required to enable inline execution. Note also that ‘style-src’ was not explicitly set, so ‘default-src’ is used as a fallback.

  • Refused to load the image because it violates the following Content Security Policy directive: “default-src ‘self’”. Note that ‘img-src’ was not explicitly set, so ‘default-src’ is used as a fallback.

而edge則是連element都沒顯示出來,也沒有error message

請問有什麼解法嗎?謝謝

有你寫的程式碼嗎? 這看起來不像是 Angular Element 造成的錯誤訊息

這看起來像是 CSP 的問題

因為我本來以為是我的code的問題,
所以我建了一個完全跟tutorial 一模一樣的angular element,
甚至用作者build好的js來測試,
但在chrome都有相同CSP的問題,而在edge則看不到element
是因為現在angular element還不到成熟的階段嗎?
還是我embed angular 的方式有問題?

我在.net core mvc的_Layout.cshtml 的 body 內加上

謝謝

試試看這篇文章的做法

可能會遇到的問題

CSP 問題應該會出在 server

可以參考這篇

Edge 上無法顯示 Angular Element 是因為真的還沒支援 @@