mbajur
I’m creating a project based on phoenix on backend and Vue.js on frontend. Backend part works just fine but i’m having troubles with setting up a frontend.
I’ve done a lot of Vue.js projects before and never had such issue so i’m thinking if that’s maybe an issue related to phoenix/brunch settings.
Anyway, my setup is having a bad time finding a package which is available in node_modules dir, the error says:
Uncaught Error: Cannot find module 'babel-runtime/helpers/taggedTemplateLiteral' from 'js/App.vue'
while babel-runtime/helpers/taggedTemplateLiteral is definitely in node_modules. It’s hard for me to send anything that might be handy in here so please just ask if i can send you some more code samples and setup. I can also eventualy publish my project in it’s current state to github.
Thanks in advance!
Where Next?
Trending in Questions
Other Trending Topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Catch errors, track performance, monitor hosts and more.
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
- #ai
- #ecto-query
- #elixirconf-us
- #blog-post
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #elixirconf-eu
- #api
- #forms
- #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 4- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
LostKobrakai
It would be nice to know which bundler you’re using and with which config.
mbajur
Ok, i decided to publish the code to make things easier. It’s here: GitHub - mbajur/khcpl · GitHub
peerreynders
What have you used for asset management before?
The fact that Phoenix by default installs with Brunch doesn’t mean it’s joined at the hip with it. For example the Static Assets Guide has a “Using Another Asset Management System in Phoenix” section that shows an example with Webpack 1. (See also How to plug in webpack 2.0 into phoenix 1.3.0-rc and https://github.com/gbih/phoenix-vue-bootstrap-postcss).
So rather than getting up to speed with Brunch, it may make more sense to integrate the asset management system you are already using (my personal impression is that Vue.js is rather webpack-philic and that Brunch may not keep up with the developments that Vue.js needs (e.g. vue-brunch is no longer being actively maintained) - Brunch works well enough for an EEx centric web application that uses modular JavaScript (e.g. for progressive enhancement) using npm as a package manager).
mbajur
Yeah, i was mostly using webpack for vue.js development.
Anyway, i’ve been trying to follow this tutorial (Vue.js + Brunch: The Webpack Alternative You've Been Hungry For - Vue.js Developers) to use vue with brunch but if that’s not possible for some reason - that’s fine by me. I’m gonna try to use the example repo you posted, thanks!