If it’s not one thing, it’s another. When all my routes are listed in my main app.ts file all’s well. But when I break the areas down so that I have child routes for each area I’m getting a “Failed loading required CSS file” error for “eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css”.
I have not yet split my code, I’m just trying to get child routes configured to work.
This file is required by aurelia-bootstrap-datetimepicker. My webpack config has Module Dependencies like this:
'aurelia-testing': ['./compile-spy', './view-spy'],
'aurelia-bootstrap-datetimepicker': ['eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min', 'eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css'],
'aurelia-autocomplete': [ './component/autocomplete', './component/bootstrap/autocomplete.html' ]
This works fine when all routes are in one app.ts file. But when they are split into child routes, then this error occurs. I can see an entry for “eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css” in my app bundle, it just can’t load it. My guess is it thinks it’s a relative path…