The latest articles on DEV Community by Bogdan (@bogdan24). https://dev.to/bogdan24 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1167864%2Fbd65d991-2454-434f-a8b1-978817ae627a.jpg https://dev.to/bogdan24 en Bogdan Fri, 22 Sep 2023 15:53:15 +0000 https://dev.to/bogdan24/why-angular-with-babylonjs-project-doesnt-initialize-havok-physics-4gdo https://dev.to/bogdan24/why-angular-with-babylonjs-project-doesnt-initialize-havok-physics-4gdo <p>Main problem is (#picture_3)<br> Not allowed to load local resource: file:///C:/Users/Bogdan/Desktop/angular-babylonjs-havok/node_modules/@babylonjs/havok/lib/esm/HavokPhysics.wasm<br> Why HavokPhysics.wasm is not allowed to load with angular? </p> <p>Is there any expert to help me find out what is a problem and what should I configure webpack.config.js or/and angular.json or/and tsconfig.json?<br> Is a problem inside @babylonjs/havok package (<a href="https://www.npmjs.com/package/@babylonjs/havok">https://www.npmjs.com/package/@babylonjs/havok</a>)?<br> Is a problem with angular configurations?<br> What should we to to solve this problem any suggestion any help?</p> <p>(#picture_2)<br> If we uncomment blue region (Ammo Physics) as shown on (#picture2) and comment green region (Havok Physics).<br> Than we can see that Ammo physics is working ok with Angular_BabylonJS.</p> <p>Source code of example. Init Angular Project with BabylonJS and Havok Physics<br> git URL: <a href="https://gitlab.com/ian.sheehan.si/angular-babylonjs-havok.git">https://gitlab.com/ian.sheehan.si/angular-babylonjs-havok.git</a><br> Can you clone it and try it. To see the problem (see #picture3 - Stack Error)<br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--O68o6kYe--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6qp7o6lvd5zw2lvqlzlo.jpg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--O68o6kYe--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6qp7o6lvd5zw2lvqlzlo.jpg" alt="Image description" width="800" height="438"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--DBRSzwBt--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s9p46661e2wblv9r836f.jpg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--DBRSzwBt--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s9p46661e2wblv9r836f.jpg" alt="Image description" width="800" height="439"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--2LhtvnSq--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kkox0ls6b1mj2juro0w7.jpg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--2LhtvnSq--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kkox0ls6b1mj2juro0w7.jpg" alt="Image description" width="800" height="610"></a></p>