Missing JS and CSS Assets

[jrummel]

Something in my setup is preventing some of the plugin’s js and css assets from loading. I am only trying to run the standard plugin at this time.

The following files ARE being loaded are:
/wp-content/plugins/the-events-calendar/vendor/bootstrap-datepicker/css/datepicker.css
/wp-content/plugins/the-events-calendar/vendor/jquery/smoothness/jquery-ui-1.8.23.custom.css
/wp-content/plugins/the-events-calendar/vendor/jquery-placeholder/jquery.placeholder.min.js
/wp-content/plugins/the-events-calendar/vendor/bootstrap-datepicker/js/bootstrap-datepicker.min.js
/wp-content/plugins/the-events-calendar/vendor/jquery-resize/jquery.ba-resize.min.js

I am running a WP multisite setup locally using Vagrant. The plugin is enabled on the site level. I’ve already ruled out a plugin or theme conflict as this issue is happening on all themes with other plugins disabled.

Any advice is appreciated.

[George]

Hey @Jrummel,

That behavior is quite odd, and I’m sorry to hear about it existing on your site!

If you’ve already ruled out theme or plugin conflicts, I’m curious about the following details:

1. Can you share your “system information” with us? Here’s how → https://theeventscalendar.com/knowledgebase/sharing-sys-info/

2. Any chance you could spin up a non-multisite site on Vagrant, with basically everything the same but for the fact that it’s not a multisite install? I’m curious if those network features are at play here.

Thank you!
George

[jrummel]

System Information:

url
http://pep.revolutionmessaging.dev
install keys
–
WordPress version
4.4.1
PHP version
5.5.9-1ubuntu4.4
plugins

Advanced Custom Fields: Options Page version 1.2.0 by Elliot Condon(http://www.elliotcondon.com/)
Advanced Custom Fields version 4.4.5 by Elliot Condon(http://www.elliotcondon.com/)
MailChimp version 1.4.2 by MailChimp and Crowd Favorite(http://mailchimp.com/api/)
Members Only version 0.6.7 by Andrew Hamilton(http://andrewhamilton.net)
The Events Calendar version 4.0.4 by Modern Tribe, Inc.(http://m.tri.be/1x)

network plugins

Custom Login URL version 1.0.2 by Simpliko(http://simpliko.pl)
Multisite Plugin Stats version 1.1 by Lew Goettner(http://www.goettner.net)
QuBit OpenTag version 1.0.0 by QuBit OpenTag(http://opentag.qubitproducts.com)
Yoast SEO version 3.0.7 by Team Yoast(https://yoast.com/)

mu plugins
–
theme
PEP Template
multisite
1
settings

schema-version = 4.0.4
recurring_events_are_hidden = hidden
previous_ecp_versions = Array
(
[0] => 0
[1] => 4.0.2
)
latest_ecp_version = 4.0.4
last-update-message = 4.0.4
earliest_date = 2016-05-06 12:00:00
latest_date = 2016-05-06 16:00:00
stylesheetOption = tribe
tribeEventsTemplate =
tribeEnableViews = Array
(
[0] => list
[1] => month
[2] => day
)
viewOption = month
tribeDisableTribeBar =
monthEventAmount = 3
enable_month_view_cache =
dateWithYearFormat = F j, Y
dateWithoutYearFormat = F j
monthAndYearFormat = F Y
dateTimeSeparator = @
timeRangeSeparator = –
datepickerFormat = 0
tribeEventsBeforeHTML =
tribeEventsAfterHTML =
disable_metabox_custom_fields = show
pro-schema-version = 3.9
hideLocationSearch =
hideRelatedEvents =
week_view_hide_weekends =
weekDayFormat = D jS

WordPress timezone
America/New_York
server timezone
UTC
common library dir
/var/www/revolutionmessaging/wp-content/plugins/the-events-calendar/common/src/Tribe
common library version
4.0.2

[jrummel]

As for your second question, I had some hand holding to get Vagrant running in the first place. I’m not able to spin up another Vagrant site on my own.

The issue is not unique to the Vagrant install as it is happening on our staging server as well.

[George]

I’m sorry to hear about this! I cannot recreate this and we have no reports of this sort of problem; can you share a link to your staging website so I can explore its markup and such, and see if I notice anything that way?

Thank you!
George

[jrummel]

This site has the same issue. Styles were copied into the theme, but they aren’t coming from the plugin. It’s running Pro.

http://trailnet.org/calendar/

[George]

Thank you @jrummel!

On the link you shared, the plugin’s own CSS is being loaded fine. This stylesheet, specifically, for example:

http://trailnet.org/wp-content/plugins/events-calendar-pro/src/resources/css/tribe-events-pro-full.min.css?ver=6ca24da96ad60c6b524d3513990a9808

JavaScripts are loading fine, too, like this one:

http://trailnet.org/wp-content/plugins/events-calendar-pro/src/resources/js/widget-this-week.min.js?ver=6ca24da96ad60c6b524d3513990a9808

Can you elaborate a bit on what you see as the problems here? Sorry if I am missing something!

Thanks for your patience here,
George

[jrummel]

The Pro styles are loading, but shouldn’t I see styles for the base plugin as well?

Also, pretty sure the site isn’t loading some plugin js b/c the calendar “view as” dropdown isn’t working.

Can you give me list of files that are loaded for the various display options (skeleton, full, tribe events)? If I have to load the files manually, I will.

[jrummel]

Can I get an answer to my last question ASAP? Then, I can at least move forward with development on my project.

I would like to know which js and css files The Events Calendar should be loading for each display option.

[George]

Hi @jrummel,

Our support thread response times are a response within 24 hours. Thank you for your patience.

I am writing up a response and trying to investigate why your files might not be loading, but just in the meantime here, if you are curious about skeleton/full/tribe-events styles and what loads with each, the simplest way to see this is in the src/resources folder of The Events Calendar’s plugin files. The file names there reflect which option they load under; so, tribe-events-skeleton.css is the only CSS that loads in Skeleton mode. In “Full” mode? tribe-events-full.css. And so on. When the full “tribe events” theme stylesheet mode is active, every minified CSS file will load there except for the tribe-events-skeleton files.

In regards to JavaScript, where you see a file name with a specific view in its name, that file only loads on that view; so, tribe-events-ajax-list.min.js only on List View, tribe-events-ajax-day.min.js on Day View, and so on.

Then tribe-events.min.js loads everywhere on the front-end calendar views.

---

To come back to the failure of scripts being loaded on your site, I notice that all of the asset URL’s are relative. So, instead of being http://yoursite.com/path/to/some/file.css, for example, the stylesheet paths are just /path/to/some/file.css – there is no absolute URL for the assets, which is how things are by default with WordPress so this has been modified somehow on your site.

How are you making your site load things with relative paths instead of the default configuration which uses absolute paths?

(I am talking about http://trailnet.org/calendar/, because your other site is a local site and so we cannot see it or troubleshoot on it).

Thank you,
George

[jrummel]

Thanks for your response.

I’m looking into how/why we are loading assets with root relative paths. I hadn’t noticed that, but you are correct that it’s different.

[George]

Thank you @jrummel, keep me posted on your findings!

I appreciate your patience with this.

Sincerely,
George

[jrummel]

This reply is private.

[George]

Awesome! I really appreciate your patience with this thread; I’ll close up this thread for now, but if other issues arise come back and open a new thread any time.

Best of luck with your sites,
George

[Author]

Posts