Skip to content
This repository has been archived by the owner on Aug 25, 2018. It is now read-only.

Bootstrap not being installed correctly #59

Open
dsifford opened this issue Aug 24, 2015 · 8 comments
Open

Bootstrap not being installed correctly #59

dsifford opened this issue Aug 24, 2015 · 8 comments

Comments

@dsifford
Copy link

After running a vanilla yo angularfire (aside from the package.json issue) bootstrap isn't being installed properly. When I grunt serve, the app fires, but the style is broken.

If I replace the bower-loaded bootstrap <script src> files with bootstrap from their CDN, it works fine.

Correction: Adding <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> to the <head> corrects the issue
@katowulf
Copy link

Did you also grunt? Can you provide version info with npm list -g --depth=0 and npm list --depth=0, as well as the output files and precise steps to repro?

@dsifford
Copy link
Author

Nope, sure didn't (pretty new to the yeoman thing)

I was under the impression that everything was precompiled and ready to roll right out of the gate.

Let me delete my bootstrap CDN link and run grunt and see if my ignorance is to blame... Standby

@dsifford
Copy link
Author 

Running "useminPrepare:html" (useminPrepare) task
Warning: Cannot find module 'C:\Users\dereksifford\Documents\Local_Repos\hurtregistry\node_modules\grunt-usemin\lib\config\uglifyjs' Use --force to continue.

Aborted due to warnings.

@katowulf
Copy link

Hrm. Go ahead and follow the same steps as above (npm list, steps to repro, and so on) so I can try it out locally. This will turn out to be a lib dependency usemin needs. Check that you don't have a global install of uglifyjs (unlikely).

@dsifford
Copy link
Author 

$ npm list -g --depth=0
d:\Program Files\nodejs
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
└── [email protected]

$ npm list --depth=0
[email protected] C:\Users\dereksifford\Documents\Local_Repos\hurtregistry
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
└── [email protected]
  • Account tools: ☑️
    • Providers: Email/Password
  • Sass: ❌
  • Bootstrap: ☑️
  • Modules: (standard, no change)

@georgeportillo
Copy link

+1

@Puigcerber
Copy link

Temporary solution can be found in twbs/bootstrap/issues/16663 due to changes in the Bower specification bower/spec/pull/43. For now you need to override the bootstrap main adding the following to your bower.json:

  "overrides": {
    "bootstrap": {
      "main": [
        "dist/css/bootstrap.css",
        "dist/js/bootstrap.js",
        "less/bootstrap.less"
      ]
    }
  }

@michaelbz1
Copy link

Hours and hours of time and finally solved. Thank God for this thread. A little more context is included below.

Thanks everyone for this!!

},
"appPath": "app",
"moduleName": "myNewProjectApp",

"overrides": {
"bootstrap": {
  "main": [
    "dist/css/bootstrap.css",
    "dist/js/bootstrap.js",
    "less/bootstrap.less"
  ]
}

}
}

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
5 participants
@Puigcerber @katowulf @georgeportillo @dsifford @michaelbz1