I created an app in plunker using Angular 4.
I did it at the first moment using Chrome as my browser, but when running anything was happening. After trying various solutions, I decided to open the same plunker on Safari and then worked without an issue.
Could you please tell me why on Chrome is not working my solution?
<html>
<head>
<base href="." />
<script type="text/javascript" charset="utf-8">
window.AngularVersionForThisPlunker = 'latest'
</script>
<title>angular playground</title>
<link rel="stylesheet" href="style.css" />
<script src="https://unpkg.com/[email protected]/client/shim.min.js"></script>
<script src="https://unpkg.com/zone.js/dist/zone.js"></script>
<script src="https://unpkg.com/zone.js/dist/long-stack-trace-zone.js"></script>
<script src="https://unpkg.com/[email protected]/Reflect.js"></script>
<script src="https://unpkg.com/[email protected]/dist/system.js"></script>
<script src="https://cdn.rawgit.com/angular/angular.io/b3c65a9/public/docs/_examples/_boilerplate/systemjs.config.web.js"></script>
<script src="config.js"></script>
<script>
System.import('app')
.catch(console.error.bind(console));
</script>
</head>
<body>
<my-app>
loading...
</my-app>
</body>
</html>
I found the issue in my Plunker. After I open in incognito mode and I saw that was working. I decided to check the Chrome plugins, as was thinking that was the issue. I discovered that was my AddBlocker plugin which was causing the issue. Now I resolved just whitelisting in the Adblocker the site. If anyone will have a similar issue a good thought is to check plugins conflicts or issues.