angular2-cli gives @multi styles error
I am using Angular 6 so my filename is angular.json
, but I was able to resolve the similar issue by removing the "../" path that it was asking for.
Below is my setup for adding bootstrap and jquery to my angular app.
"styles": [
"src/styles.css",
"node_modules/bootstrap/dist/css/bootstrap.css"
],
"scripts": ["../node_modules/jquery/dist/jquery.js",
"node_modules/bootstrap/dist/js/bootstrap.bundle.js"
]
Note: for jquery i needed the "../" while bootstap did not require it.
Alternate based on issues I had:
"styles": [
"src/styles.css",
"../node_modules/bootstrap/dist/css/bootstrap.css"
],
"scripts": [
"../node_modules/jquery/dist/jquery.js",
"../node_modules/bootstrap/dist/js/bootstrap.bundle.js"
]
Also, this article holds multiple alternate options on setting it .
https://medium.com/@rogercodes1/intro-to-angular-and-how-to-setup-your-first-angular-app-b36c9c3ab6ca
In Angular 7 the file is called 'angular.json'.
Make sure you got the right extension set for the "styles" option. In my case I installed the Angular CLI with the SCSS option but the extension was set as SASS by default.
"styles": [
"src/styles.scss" // default was: src/styles.sass
],
Add ../ before path.
In angular-cli.json,
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"styles.scss"
]
Update
In angular7, there is angular.json file and you do not need to add ../ before path