f0rest8
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 
Where Next?
Trending in Questions
Other Trending Topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Master modern tools, write cleaner code, and tackle real-world challenges with Manning books, videos, and courses. Start building today.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #library
- #deployment
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #ai
- #elixirconf-us
- #blog-post
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #elixirconf-eu
- #metaprogramming
- #hex
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Bringing learning, work and compliance together since 1987.
**Building the future of software with AI, trust, and human connection.**
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
Showing Posts 1 to 5- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
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
alpinejswithnpm install, not@alpinejs/csp. Try runningnpm install @alpinejs/csp(in yourassetsdirectory) and see if that fixes your problem.f0rest8
Thank you, yes good point this probably isn’t a Phoenix question. Sorry about that. Unfortunately, I had tried that already and it doesn’t work. According to the Alpine docs, it doesn’t appear like that is the route you need to go once you do the normal install for V3. But, you’re probably right and it’s more a question for Alpine and not Phoenix. Sorry and thanks!
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.
talhaazeem-invozone
Did you get the CSP-friendly AlpineJS work?
f0rest8
afaik it isn’t released yet