Integrate Jquery and Bootstrap in Angular (Symfony)

I am developing an application with symfony and angular, to my surprise, that when I get to the angle part, and I try to implement bootstrap and jquery, it tells me that it is not possible to load the resources, the error message that comes out is the following:

Refused to apply style from 'recurso local' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

and the same for scripts:

Refused to apply scripts from 'recurso local' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

I have added the corresponding code in the .angular-cli.json file:

"styles": [
        "../node_modules/bootstrap/dist/css/bootstrap.css",
        "styles.css"
      ],
"scripts": [
        "../node_modules/jquery/dist/jquery.min.js",
        "../node_modules/bootstrap/dist/js/bootstrap.js"
      ],

in the index.html:

<link rel="stylesheet" type="text/css" href="assets/css/styles.css"/>
  <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css"/>

  <script type="text/javascript" src = "node_modules/jquery/dist/jquery.min.js"></script>
  <script type="text/javascript" src = "node_modules/bootstrap/dist/bootstrap.min.js"></script>

I have even installed the jquery and bootstrap through the console, and I have put in the app.component.ts file:

import * as $ from 'jquery';

But I keep getting the same error, and I really do not know what to do. Greetings and thanks

Edit: Photo of the folder structure.