f0rest8
Phoenix support for `import Alpine from @alpinejs/csp` for Alpine.js V3
Hi,
I was wondering if Phoenix is planning to implement support for the module import of Alpine’s new csp build?
This is the guide on the module import of the CSP-friendly build:
import Alpine from '@alpinejs/csp'
window.Alpine = Alpine
window.Alpine.start()
This is the module import for the standard build, which works:
import Alpine from 'alpinejs'
window.Alpine = Alpine
Alpine.start()
The module import for the csp build currently returns a cannot find module @alpinejs/csp error in the console.
If I implement the normal import call for V3, import Alpine from 'alpinejs'…, everything works great, just seems that I can’t yet import the CSP-friendly build this way (I think the CDN might work?).
Excited to use the CSP-friendly build via the module import.
Thank you ![]()
Most Liked
zzq
This really is more a javascript question than a Phoenix question—there’s nothing particularly related to Phoenix in all this. I suspect that the issue you’re experiencing is because you installed alpinejs with npm install, not @alpinejs/csp. Try running npm install @alpinejs/csp (in your assets directory) and see if that fixes your problem.
mgibowski
@f0rest8 it seems this package is not yet published.
Just stumbled upon this comment from 2 days ago: Improve Security Awareness · Issue #237 · alpinejs/alpine · GitHub
And indeed npm search yields no results as right now: https://www.npmjs.com/search?q=%40alpinejs%2Fcsp
Probably it will get published very soon…
By the way it is great Alpine is finally getting CSP-friendly!
That was my only concern about the PETAL stack.








