Hi,

To resolve the issue you are facing with loading the JavaScript files in your Angular project, I recommend moving the script tags directly into the index.html file. By doing so, the JavaScript files will be included and executed when the page is loaded.

Here is an example of how you can update your index.html file:

By placing the script tags directly in the body section of the index.html file, the JavaScript files will be loaded and executed when the page is rendered. This should help resolve the issue you are experiencing with loading the JavaScript files in your Angular project.

Please give this a try and let me know if it resolves the issue. If you have any further questions or concerns, feel free to ask.

Thanks

Hi,

You can try importing the CSS files directly into your src/styles.scss file instead of including them in the angular.json file. Here's how you can do it:

1. Open the src/styles.scss file in your Angular project.
2. Locate the existing content in the file.
3. Add the following @import statements at the top of the file, one for each CSS file:

@import "src/assets/datatables.bundle.css";
@import "src/assets/vis-timeline.bundle.css";
@import "src/assets/plugins.bundle.css";
@import "src/assets/style.bundle.css";

4. Save the file.

By importing the CSS files directly in styles.scss, Angular's build system will include them in the final bundled CSS output. This way, you won't encounter the PostCSS error related to the plugins.bundle.css file.

Remember to remove the corresponding entries from the styles array in the angular.json file since you no longer need to include them there.

After making these changes, try running your Angular project again using ng serve or npm start to see if the errors have been resolved.

Let me know if you need any further assistance!