Open Closed

Draggable not a function (some resources not loaded on Azure) #10192


0
rasoulshams created
  • What is your product version? 10.1
  • What is your product type (Angular or MVC)? MVC
  • What is product framework type (.net framework or .net core)? .Net Core

I have deployed the app to Azure App Services through Azure Pipelines and everything works fine except the dashboard. For some reason, it says "draggable not a function". It seems jQuery UI is not loaded. I have checked all files and the jquery.ui.js is uploaded and included within the "assets" folder.

Although the issue may be something else. It looks like a few resources are not found but I can't figure out which as on my local machine, everything works fine. On Azure, I have enabled Web Sockets as well (for SignalR) but this issue still remains.

Any ideas?


12 Answer(s)
  • 0
    ismcagdas created
    Support Team

    Hi @rasoulshams

    Could you share the deploy commands you have executed for the Angular app ? Did you run npm run publish command to publish your Angular app ?

    Thanks,

  • 0
    rasoulshams created

    hi, I've actually mentioned that it's the MVC/jQuery app and not angular. I've followed the Azure pipeline deployment guide on your support site word bu word.

    everything is fine, even the database migration but only this issue.

    should I add a step to the pipeline?

    Also, on my local machine, if I remove the package.json.lock file and rebuild the wcripts using npm, I get the same problem on my local machine as well. Maybe a versioning problem of a problem with npm modules?

  • 0
    rasoulshams created

    You are very slow in responding! Any ideas?

  • 0
    ismcagdas created
    Support Team

    Hi @rasoulshams

    Sorry for the delay. The original solution doesn't contain package.json.lock, see https://github.com/aspnetzero/aspnet-zero-core/tree/dev/aspnet-core/src/MyCompanyName.AbpZeroTemplate.Web.Mvc. Probably because of package.json.lock, a wrong version of that file installed when publishing to Azure.

    Could you try using yarn instead of npm when you are installing its dependencies and deploying your app on Azure ?

    Thanks,

  • 0
    rasoulshams created

    Hi,

    I use both "Yarn" and "NPM Run Build" on the Azure pipeline. I've also removed the lock file and rebuilt using Yarn and NPM on local too but on local all is fine.

    What do you suggest?

  • 0
    musa.demir created
    Support Team

    Hi @rasoulshams You should use npm run publish.

  • 0
    rasoulshams created

    I'm using MVC jQuery and not Angular! (athis is the third time I'm mentioning this but you provide Angular examples). Also, after Yarn and NPM Run Build, is the publish step from Azure template for .Net Core

  • 0
    musa.demir created
    Support Team

    Sorry, I misunderstood the project type for some reason.


    Draggable comes from jquery-ui. Customizable dashboard loads it in index.cshtml https://github.com/aspnetzero/aspnet-zero-core/blob/df5dc4970bf1a00ce25ba0ef5a03b760219afa27/aspnet-core/src/MyCompanyName.AbpZeroTemplate.Web.Mvc/Areas/AppAreaName/Views/Shared/Components/CustomizableDashboard/Index.cshtml#L16

    Can you please check if your application has that js file? https://localhost:44302/assets/jquery-ui-1.12.1/jquery-ui.min.js

  • 0
    rasoulshams created

    It has. Both on dev and on Azure. On dev it works fine but on Azure it does not. I checked the files and it exists.

    I'm attaching my Azure pipeline steps (same as your tutorial for Azure).

  • 0
    ismcagdas created
    Support Team

    Hi @rasoulshams

    Could you share your App's URL with info@aspnetzero.com ?

    Thanks,

  • 0
    rasoulshams created

    Do you want to log in too? It contains some sensitive data unfortunately. Let me know.

  • 0
    ismcagdas created
    Support Team

    Hi @rasoulshams

    Do you get this error on the login page ? If so, no need to login. If not, you can create a test user and grant the user only one page permission.