Issues applying Bootstrap template

Hello everyone,

First post | complete newbie to Meteor | PHP developer looking to move forward to Meteor to never ever use PHP again.

I started following the To-do list on the Meteor page to get familiar with the framework, I finished the tutorial just fine and so I thought I’d start adding a Bootstrap template to the project to make things look better.

I moved the images, css, js and components folders to the client folder in my app.

When I tried to run my app in local host it hangs for around ~25 minutes and then it throws the errors below:

Error message start

=> Started proxy.

Unable to resolve some modules:

“jquery” in
/home/steven/simple-todos/client/components/summernote/dist/summernote.min.js
(web.browser)
“moment” in
/home/steven/simple-todos/client/components/fullcalendar/dist/lang-all.js
(web.browser)
“webpage” in
/home/steven/simple-todos/client/components/morrisjs/spec/viz/examples.js
(web.browser)
datatables.net” in
/home/steven/simple-todos/client/components/datatables.net-select/js/dataTables.select.min.js
(web.browser)
“casper” in
/home/steven/simple-todos/client/components/dygraphs/scripts/casperscript.js
(web.browser)
“rimraf” in /home/steven/simple-todos/client/components/hogan/test/hulk.js
(web.browser)
“jsdom” in
/home/steven/simple-todos/client/components/pwstrength-bootstrap/src/rules.js
(web.browser)
“step” in /home/steven/simple-todos/client/components/hogan/test/run.js
(web.browser)
“rollup-plugin-babel” in
/home/steven/simple-todos/client/components/i18next/rollup.config.js
(web.browser)
“grunt-template-jasmine-requirejs” in
/home/steven/simple-todos/client/components/hopscotch/Gruntfile.js (web.browser)
“grunt-template-jasmine-istanbul” in
/home/steven/simple-todos/client/components/hopscotch/Gruntfile.js (web.browser)
“rollup-plugin-uglify” in
/home/steven/simple-todos/client/components/i18next/rollup.config.js
(web.browser)
“rollup-plugin-node-resolve” in
/home/steven/simple-todos/client/components/i18next/rollup.config.js
(web.browser)
“yargs” in
/home/steven/simple-todos/client/components/i18next/rollup.config.js
(web.browser)
“load-grunt-tasks” in
/home/steven/simple-todos/client/components/jquery.easy-pie-chart/Gruntfile.js
(web.browser)
“mocha” in /home/steven/simple-todos/client/components/mocha/mocha.js
(web.browser)
“matchdep” in
/home/steven/simple-todos/client/components/morrisjs/Gruntfile.js (web.browser)
“gulp” in /home/steven/simple-todos/client/components/nestable2/gulpfile.js
(web.browser)
“gulp-uglify” in
/home/steven/simple-todos/client/components/nestable2/gulpfile.js (web.browser)
“gulp-clean-css” in
/home/steven/simple-todos/client/components/nestable2/gulpfile.js (web.browser)
“gulp-eslint” in
/home/steven/simple-todos/client/components/nestable2/gulpfile.js (web.browser)
“eve” in
/home/steven/simple-todos/client/components/raphael/raphael.no-deps.min.js
(web.browser)
“webpack” in
/home/steven/simple-todos/client/components/raphael/webpack.config.js
(web.browser)
“semver” in
/home/steven/simple-todos/client/components/typeahead.js/Gruntfile.js
(web.browser)

If you notice problems related to these missing modules, consider running:

meteor npm install --save jquery moment webpage datatables.net casper rimraf
jsdom step rollup-plugin-babel grunt-template-jasmine-requirejs grunt-template-jasmine-istanbul rollup-plugin-uglify rollup-plugin-node-resolve
yargs load-grunt-tasks mocha matchdep gulp gulp-uglify gulp-clean-css gulp-eslint eve webpack semver

Linking /
<— Last few GCs —>

907988 ms: Mark-sweep 1381.8 (1456.1) -> 1380.1 (1456.1) MB, 3833.2 / 0 ms [allocation failure] [GC in old space requested].
911989 ms: Mark-sweep 1380.1 (1456.1) -> 1381.7 (1456.1) MB, 4001.0 / 0 ms [allocation failure] [GC in old space requested].
915618 ms: Mark-sweep 1381.7 (1456.1) -> 1378.6 (1456.1) MB, 3629.0 / 0 ms [last resort gc].
919128 ms: Mark-sweep 1378.6 (1456.1) -> 1381.7 (1456.1) MB, 3510.1 / 0 ms [last resort gc].

<— JS stacktrace —>

==== JS stack trace =========================================

Security context: 0x1c645b237399
1: _parseMappings(aka SourceMapConsumer_parseMappings) [/home/steven/.meteor/packages/meteor-tool/.1.5.1.pilqpu++os.linux.x86_64+web.browser+web.cordova/mt-os.linux.x86_64/dev_bundle/lib/node_modules/source-map/lib/source-map-consumer.js:~422] [pc=0x5b45b878e3e] (this=0x33d114248f69 <a BasicSourceMapConsumer with map 0x384ce01ad8d9>,aStr=0x62f712a391 <Very long string[258823]>,aSourceRoot=0…

FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - process out of memory
Aborted

Error message end

So I did run meteor npm install --save jquery moment webpage datatables[dot]net casper rimraf
jsdom step rollup-plugin-babel grunt-template-jasmine-requirejs grunt-template-jasmine-istanbul rollup-plugin-uglify rollup-plugin-node-resolve
yargs load-grunt-tasks mocha matchdep gulp gulp-uglify gulp-clean-css gulp-eslint eve webpack semver

After that, I tried again and it hung for the same amount of time and it threw another error, this time suggesting to run:

meteor npm install --save system markdown-it btoa shelljs time-grunt gulp-load-plugins phantomjs-prebuilt babel-core grunt spawn-sync fsevents

Which I did but the same error keeps appearing.

I have the twbs:bootstrap package installed and now I’m wondering if I’m doing something wrong or maybe that is not the way to add a Bootstrap template to the project.

Could anyone please be so kind to point me in the right direction?

Any help will be much appreciated.

Thank you :slight_smile:

Maybe check out this repo?

Thanks a lot @vigorwebsolutions, that’s what I was looking for.

Sorry for the very late reply btw.

1 Like