Error https://unpkg.com/[email protected]/dist/jquery.min.js?2cf9781e142f

[gradecost2]

Hello.

Please help.

We have error https://unpkg.com/[email protected]/dist/jquery.min.js?2cf9781e142f

https://prnt.sc/EtZvjpWtmcL7

We use BASSET_DEV_MODE=true

If we change setting to BASSET_DEV_MODE=false, we have some different errors in console
https://prnt.sc/a0H0mI9_eh0i
https://prnt.sc/VY6_yAPnpE_M
And others

We use php artisan basset:cache - but it not helps.

Please help

[backpack-ai-bot[bot]]

I can see you're experiencing issues with Basset in your Backpack installation. This appears to be related to CDN asset loading problems that have been reported by other users as well.

The Issue

The error you're seeing with unpkg.com links is a known issue where some CDNs refuse to serve links with query parameters (like the ?2cf9781e142f cache-busting parameter that Basset adds).

Solutions

Here are some steps to resolve this issue:

1. Update your packages:
   First, make sure you have the latest versions of Backpack packages by running:

   composer update
   

   This should update Basset to at least version 1.3.1 which contains a fix for this specific CDN issue as mentioned in the community forum issue #928.

2. Clear all caches:

   php artisan optimize:clear && php artisan basset:clear
   

3. Check your Basset configuration:
   Run the Basset check command to identify any configuration issues:

   php artisan basset:check
   

   This will verify if Basset can properly fetch and cache assets. If there are errors, it will help identify the problem.

4. Verify your APP_URL setting:
   Make sure your APP_URL in the .env file is correctly set to the URL where your application is currently accessible from. This is a common issue as mentioned in the community forum discussion #811.

5. Cache assets for production:
   After fixing any configuration issues, run:

   php artisan basset:fresh
   

   This combines the clear and cache commands to refresh all your assets.

If you're still experiencing issues after these steps, it might be related to your specific environment setup. Some users have reported needing to run php artisan storage:link to ensure the storage symlink is properly created.

For production environments, remember that you should always run php artisan basset:fresh as part of your deployment process to ensure all assets are properly cached locally.

Let me know if these steps help resolve your issue!

ℹ️ Please note our AI Bot does not reply to follow-ups, this will be the only AI answer in this thread. If the AI helped you find the answer, please mark it as answered or write details below so it can learn. Then close the conversation. If not, please give more information for when a human reads this. ℹ️

Relevant sources:

Basset error on "php artisan backpack:install"
Github Issue (closed): [Editable Columns][Bug] - 419 PAGE EXPIRED
Github Issue (closed): [Bug] Pushing to production and no css loads - Basset - php artisan basset:fresh
Upgrade Guide|Cache
Github Issue (closed): Remove backpack:publish-assets command from v6
Github Issue (closed): [Bug] nestedSortable is not a function
Github Issue (closed): google_map field not working in Production env
Github Issue (closed): 3 issues
Another problem with Basset
Github Issue (closed): Basset files - 404 not found on localhost
[HOT-FIX] basset not properly working with cdn links
Github Issue (closed): [Bug] CSS not loaded when pushed on production
Github Issue (closed): CRUD field JS Does Not Play Nicely With Repeatable and Date Range
Github Issue (closed): [HAS-FIX] ASSETS NOT LOADING FROM CDNS - 12-04-2024

[gradecost2]

I do this, but it`s not help

[sammyblackbaron]

I have the same problem as of a few hours ago:

https://unpkg.com/[email protected]/dist/jquery.min.js

The above gives a 500 error.

I have tried all solutions by the bot answer and also from this:

#1220

Since jQuery can't load, I am getting this in every page load:

Uncaught ReferenceError: $ is not defined

And functionality is broken.

[gradecost2]

Please help!

[gradecost2]

Other problem.
We use component select_and_order
And system generate link for resource /storage/basset/select_and_order_field_style-8b14b790.js?2cf9781e142f
This is js file, but content in this file css
https://prnt.sc/QiZ5t3zJzxf4

[jcastroa87]

Hello.

We are aware of the current issue with unpkg :(

So we’re already working on Basset v2. It will make it much easier to swap assets without touching views, support local caching and pushing to production.

Meanwhile, can you add BASSET_DEV_MODE=false to your .env and run php artisan basset:cache

This will force caching the assets locally and server from the local cache.

Cheers!

[sammyblackbaron]

Thanks for the reply. I've done exactly what you suggested and I can see in my browser that it is now trying to get jquery locally, but the contents is "Internal Server Error". I'm assuming it's because running php artisan basset:cache looks to get the server version and cache it, but because the server version is down, I'm stuck.

If you can give me another solution I'd really appreciate it as I can't develop locally at the moment due to this

.

[sammyblackbaron]

My temporary solution was to edit vendor/backpack/crud/src/resources/views/ui/inc/scripts.blade.php and change:

@basset('https://unpkg.com/[email protected]/dist/jquery.min.js')
to
@basset('https://unpkg.com/[email protected]/dist/jquery.js')

Then run:

php artisan optimize:clear && php artisan basset:clear
and
php artisan basset:cache

Then revert the change to vendor/backpack/crud/src/resources/views/ui/inc/scripts.blade.php.

That has allowed me to continue developing and testing locally.

[zachweix]

I think an important step is that Backpack actually should stop relying on unpkg. There are times when it gets unbearably slow. Instead we should be able to migrate over to something like cdnjs

[jcastroa87]

This is fixed in our last version, you can check here

Cheers.