Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Erro no Bootstrap

Realizado conforme a aula, download do Bootstrap via npm e adicionado o arquivo angular.json dentro de styles. Mas esta ocorrendo erro. Versão do bootstrap: "bootstrap": "^4.6.0", Versão do node: 14.15.4

"styles": [
        "src/styles.css",
        "./node_modules/bootstrap/dist/css/bootstrap.min.css"
      ],
ERROR in multi ./src/src/styles.css ./src/node_modules/bootstrap/dist/css/bootstrap.min.css
Module not found: Error: Can't resolve 'C:\Users\al.soares\IdeaProjects\alurapic\src\node_modules\bootstrap\dist\css\bootstrap.min.css' in 'C:\Users\al.soares\IdeaProjects\alurapic\node_modules\@angular\cli\models\webpack-configs'
resolve 'C:\Users\al.soares\IdeaProjects\alurapic\src\node_modules\bootstrap\dist\css\bootstrap.min.css' in 'C:\Users\al.soares\IdeaProjects\alurapic\node_modules\@angular\cli\models\webpack-configs'
  using description file: C:\Users\al.soares\IdeaProjects\alurapic\node_modules\@angular\cli\package.json (relative path: ./models/webpack-configs)
    Field 'browser' doesn't contain a valid alias configuration
  after using description file: C:\Users\al.soares\IdeaProjects\alurapic\node_modules\@angular\cli\package.json (relative path: ./models/webpack-configs)
    using description file: C:\Users\al.soares\IdeaProjects\alurapic\package.json (relative path: ./src/node_modules/bootstrap/dist/css/bootstrap.min.css)
      no extension
        Field 'browser' doesn't contain a valid alias configuration
        C:\Users\al.soares\IdeaProjects\alurapic\src\node_modules\bootstrap\dist\css\bootstrap.min.css doesn't exist
      .ts
        Field 'browser' doesn't contain a valid alias configuration
        C:\Users\al.soares\IdeaProjects\alurapic\src\node_modules\bootstrap\dist\css\bootstrap.min.css.ts doesn't exist
      .js
        Field 'browser' doesn't contain a valid alias configuration
        C:\Users\al.soares\IdeaProjects\alurapic\src\node_modules\bootstrap\dist\css\bootstrap.min.css.js doesn't exist
      as directory
        C:\Users\al.soares\IdeaProjects\alurapic\src\node_modules\bootstrap\dist\css\bootstrap.min.css doesn't exist
[C:\Users\al.soares\IdeaProjects\alurapic\src\node_modules\bootstrap\dist\css\bootstrap.min.css]
[C:\Users\al.soares\IdeaProjects\alurapic\src\node_modules\bootstrap\dist\css\bootstrap.min.css.ts]
[C:\Users\al.soares\IdeaProjects\alurapic\src\node_modules\bootstrap\dist\css\bootstrap.min.css.js]
[C:\Users\al.soares\IdeaProjects\alurapic\src\node_modules\bootstrap\dist\css\bootstrap.min.css]
 @ multi ./src/src/styles.css ./src/node_modules/bootstrap/dist/css/bootstrap.min.css
ERROR in multi ./src/src/styles.css ./src/node_modules/bootstrap/dist/css/bootstrap.min.css
Module not found: Error: Can't resolve 'C:\Users\al.soares\IdeaProjects\alurapic\src\src\styles.css' in 'C:\Users\al.soares\IdeaProjects\alurapic\node_modules\@angular\cli\models\webpack-configs'
resolve 'C:\Users\al.soares\IdeaProjects\alurapic\src\src\styles.css' in 'C:\Users\al.soares\IdeaProjects\alurapic\node_modules\@angular\cli\models\webpack-configs'
  using description file: C:\Users\al.soares\IdeaProjects\alurapic\node_modules\@angular\cli\package.json (relative path: ./models/webpack-configs)
    Field 'browser' doesn't contain a valid alias configuration
  after using description file: C:\Users\al.soares\IdeaProjects\alurapic\node_modules\@angular\cli\package.json (relative path: ./models/webpack-configs)
    using description file: C:\Users\al.soares\IdeaProjects\alurapic\package.json (relative path: ./src/src/styles.css)
      no extension
        Field 'browser' doesn't contain a valid alias configuration
        C:\Users\al.soares\IdeaProjects\alurapic\src\src\styles.css doesn't exist
      .ts
        Field 'browser' doesn't contain a valid alias configuration
        C:\Users\al.soares\IdeaProjects\alurapic\src\src\styles.css.ts doesn't exist
      .js
        Field 'browser' doesn't contain a valid alias configuration
        C:\Users\al.soares\IdeaProjects\alurapic\src\src\styles.css.js doesn't exist
      as directory
        C:\Users\al.soares\IdeaProjects\alurapic\src\src\styles.css doesn't exist
[C:\Users\al.soares\IdeaProjects\alurapic\src\src\styles.css]
[C:\Users\al.soares\IdeaProjects\alurapic\src\src\styles.css.ts]
[C:\Users\al.soares\IdeaProjects\alurapic\src\src\styles.css.js]
[C:\Users\al.soares\IdeaProjects\alurapic\src\src\styles.css]
 @ multi ./src/src/styles.css ./src/node_modules/bootstrap/dist/css/bootstrap.min.css
1 resposta
solução!

Problema resolvido, alterei o caminho do bootstrap, após a alteração ficou asim:

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

o path (caminho) estava errado, é preciso adicionar ../ antes do path do bootstrap.