Тестирование iFrameResizer. js на локальном хосте выдает ошибку. Редактирование файла хоста не работает

Question

У меня есть внешний веб-сайт, который я показываю на своем собственном веб-сайте, используя iframe. Я добавил iFrame Resizer Package и Типы для iFrame Resizer Package (я использую TypeScript) в мои package.json зависимости и devDependencies (важно: я работаю локально на своем локальном хосте):

пакет. json:

"dependencies": {
    "iframe-resizer": "4.2.10"
}

"devDependencies": {
    "@types/iframe-resizer": "3.5.5"
}

iframe. html

<div class="iframe">
    <iframe class="iframe__iframe" src="https://www.my-external-website.com" scrolling="yes"></iframe>
</div>

iframe.ts:

import { iframeResizer } from 'iframe-resize';

export class Iframe {
    constructor(message: string) {
        iframeResizer({ log: true }, '.iframe__iframe');
    }
}

Мой import работает, мой внешний сайт имеет требуемый файл iframeResizer.contentWindow.min.js, мой собственный сайт с iframe имеет необходимый файл iframeResizer.min.js. logs от iframeResizer() работы. Но он не меняет размер и выдает мне эту ошибку в console: iframeResizer.js:8 Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://something.com') does not match the recipient window's origin ('https://www.my-external-website.com').

Так что я подумал, что это должно быть разрешение / безопасность. Поэтому я попытался перенаправить свой localhost на внешний сайт, отредактировав мой host file на Windows 10:

файл хоста:

# localhost name resolution is handled within DNS itself.
127.0.0.1    https://www.my-external-website.com
::1          https://www.my-external-website.com

Я получил та же ошибка после перезагрузки, перезагрузки et c. Любые идеи, как я могу проверить этот местный?