@timmackey - I am having this exact same issue too on my hosted app. Can you tell me the exact folder/file you changed in your solution #3? I cannot seem to find such a link entry anywhere in my solution.
Today, I copied the _bundles folder from my desktop to my hosted app and that has resolved the actions button and language dropdown errors.
The "mime" error still happens on the UI customization functionality.
I would like to know why the bundles folder is not getting properly deployed and how I can resolve that issue.
Update: I found this thread on this forum, which reports the exact same error I'm getting on the UI customization option. So I ran the AspNetZero supplied powershell script on my desktop to publish the application. Even after that, I am still getting the same errors on my published sites.
One other note, I went through all of your documents and looked at all the notes related to "publishing" and your documents fail to mention anything about running the PS script?
Today I ran the desktop app and the hosted app side by side in chrome. I still cannot figure out what is missing on the hosted app? Here is an image from the chrome console, showing the exact line of JS where the error is thrown, on the hosted app. This happens on every single "Actions" button click and on the "language" dropdown on the top nav menu. The user dropdown, the notification dropdown and a custom dropdown for my app that are on the top nav all work just fine.
I just published my AspNetZero V6.3 application to my domain. For the most part everything is working well.
All of my "create" modals along with the AspNetZero "create" modals are working. The issue are coming up on every single "actions" button on every single index view. I am unable to "edit" anything in the entire application. The language dropdown also throws errors.
I am also unable to get the UI customization changes to work fully. That also is throwing some error and not rendering the UI properly.
There are just so many errors being reported in the chrome console. Shown below are just a few.
Uncaught DOMException: Failed to execute 'querySelector' on 'Document': 'javascript:;' is not a valid selector.
at Object.getSelectorFromElement (http://tenant1.mysite.com/view-resources/Areas/MyApp/Views/_Bundles/app-layout-libs.min.js?v=YKgjp5BlNUTo2a5mnEjTkSPg72ROhYBZL8NUo_-FJcY:55:1912)
at Function.n._getParentFromElement (http://tenant1.mysite.com/view-resources/Areas/MyApp/Views/_Bundles/app-layout-libs.min.js?v=YKgjp5BlNUTo2a5mnEjTkSPg72ROhYBZL8NUo_-FJcY:55:25437)
at Function.n._clearMenus (http://tenant1.mysite.com/view-resources/Areas/MyApp/Views/_Bundles/app-layout-libs.min.js?v=YKgjp5BlNUTo2a5mnEjTkSPg72ROhYBZL8NUo_-FJcY:55:24832)
at n.f.toggle (http://tenant1.mysite.com/view-resources/Areas/MyApp/Views/_Bundles/app-layout-libs.min.js?v=YKgjp5BlNUTo2a5mnEjTkSPg72ROhYBZL8NUo_-FJcY:55:21299)
at HTMLButtonElement.<anonymous> (http://tenant1.mysite.com/view-resources/Areas/MyApp/Views/_Bundles/app-layout-libs.min.js?v=YKgjp5BlNUTo2a5mnEjTkSPg72ROhYBZL8NUo_-FJcY:55:23280)
at HTMLButtonElement.dispatch (http://tenant1.mysite.com/view-resources/Areas/MyApp/Views/_Bundles/app-layout-libs.min.js?v=YKgjp5BlNUTo2a5mnEjTkSPg72ROhYBZL8NUo_-FJcY:15:50792)
at HTMLButtonElement.a.handle (http://tenant1.mysite.com/view-resources/Areas/MyApp/Views/_Bundles/app-layout-libs.min.js?v=YKgjp5BlNUTo2a5mnEjTkSPg72ROhYBZL8NUo_-FJcY:15:48811)
app-layout-libs.min.js?v=YKgjp5BlNUTo2a5mnEjTkSPg72ROhYBZL8NUo_-FJcY:55 Uncaught DOMException: Failed to execute 'querySelector' on 'Document': 'javascript:;' is not a valid selector.
at Object.getSelectorFromElement (http://tenant1.mysite.com/view-resources/Areas/MyApp/Views/_Bundles/app-layout-libs.min.js?v=YKgjp5BlNUTo2a5mnEjTkSPg72ROhYBZL8NUo_-FJcY:55:1912)
at Function.n._getParentFromElement (http://tenant1.mysite.com/view-resources/Areas/MyApp/Views/_Bundles/app-layout-libs.min.js?v=YKgjp5BlNUTo2a5mnEjTkSPg72ROhYBZL8NUo_-FJcY:55:25437)
at n.f._getMenuElement (http://tenant1.mysite.com/view-resources/Areas/MyApp/Views/_Bundles/app-layout-libs.min.js?v=YKgjp5BlNUTo2a5mnEjTkSPg72ROhYBZL8NUo_-FJcY:55:23492)
at new n (http://tenant1.mysite.com/view-resources/Areas/MyApp/Views/_Bundles/app-layout-libs.min.js?v=YKgjp5BlNUTo2a5mnEjTkSPg72ROhYBZL8NUo_-FJcY:55:21015)
at HTMLAnchorElement.<anonymous> (http://tenant1.mysite.com/view-resources/Areas/MyApp/Views/_Bundles/app-layout-libs.min.js?v=YKgjp5BlNUTo2a5mnEjTkSPg72ROhYBZL8NUo_-FJcY:55:24504)
at Function.each (http://tenant1.mysite.com/view-resources/Areas/MyApp/Views/_Bundles/app-layout-libs.min.js?v=YKgjp5BlNUTo2a5mnEjTkSPg72ROhYBZL8NUo_-FJcY:15:15094)
at i.fn.init.each (http://tenant1.mysite.com/view-resources/Areas/MyApp/Views/_Bundles/app-layout-libs.min.js?v=YKgjp5BlNUTo2a5mnEjTkSPg72ROhYBZL8NUo_-FJcY:15:13755)
at i.fn.init.n._jQueryInterface [as dropdown] (http://tenant1.mysite.com/view-resources/Areas/MyApp/Views/_Bundles/app-layout-libs.min.js?v=YKgjp5BlNUTo2a5mnEjTkSPg72ROhYBZL8NUo_-FJcY:55:24428)
at HTMLAnchorElement.<anonymous> (http://tenant1.mysite.com/view-resources/Areas/MyApp/Views/_Bundles/app-layout-libs.min.js?v=YKgjp5BlNUTo2a5mnEjTkSPg72ROhYBZL8NUo_-FJcY:55:26632)
at HTMLDocument.dispatch (http://tenant1.mysite.com/view-resources/Areas/MyApp/Views/_Bundles/app-layout-libs.min.js?v=YKgjp5BlNUTo2a5mnEjTkSPg72ROhYBZL8NUo_-FJcY:15:50792)
Roles:1 Refused to apply style from 'http://tenant1.mysite.com/Error?statusCode=404' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
DevTools failed to parse SourceMap: http://tenant1.mysite.com/lib/@aspnet/signalr/dist/browser/signalr.min.js/signalr.min.js.map
Can you please let me know what I should check and/or what could be the source of the error? I dont get any of these errors on my desktop in my development environment.
@ismcagdas - I'm not sure I follow what you are saying? However, the error is not coming from there. The error is happening when I change the language and the InServiceDate value changes from MM/DD/YYYY to DD/MM/YYYY HH:MM:SS. This impacts the datepicker JS code I am using for CloseDate field.
I am using the JS code shown below on a couple of my forms.
var HomeDates = function () {
// set default dates
var start = new Date();
// set end date to max 99 year period:
var end = new Date(new Date().setYear(start.getFullYear() + 99));
$('#CloseDate').datetimepicker({
locale: abp.localization.currentLanguage.name,
format: 'L',
useCurrent: false,
minDate: $("#InServiceDate").val(),
maxDate: end
});
$('#InServiceDate').datetimepicker({
locale: abp.localization.currentLanguage.name,
format: 'L',
maxDate: end
}).on("dp.change", function (e) {
//Get new date value from the field on change
var closeDateMin = new Date(e.date);
$('#CloseDate').data("DateTimePicker").minDate(closeDateMin);
});
}
When the application language is set to english things work just fine. However, once the user changes the language to MX or ES or any other language where the date format changes from MDY to DMY it throws JS errors in chrome console.
The field "InServiceDate" is set to todays date from my Asp.Net MVC controller method (Not localized) when it sends the model to the page.
But when the language is, for example, MX it changes the date shown in the text box from MM/DD/YYYY to DD/MM/YYYY HH:MM:SS. This breaks my JS code for "CloseDate". It gives the error TypeError: minDate() Could not parse date parameter: 20/12/2018 12:02:54.
As per the snippet from the moment.js docs, shown above, using the "L" format should render my date correctly in all locales and this works perfectly in all my grid/index views where dates are displayed. They get set in the local format properly no matter what language is chosen.
Am I missing something and/or what am I doing wrong?
@ryancyq, @ismcagdas - Thank you both for your help!
@ryancyq - Where would be the best place to use this override script so that I dont repeat it on each of my view scripts?
@ismcagdas - No it was not cache issue. I fixed it by using abp.ui.clearBusy('#tabDetails');
Can you answer my other question about how to style or change the look of the spinner?