Why do I have 2 instances of Vue running in Nuxt?
This happens in both Nuxt apps I'm working on.
I saw somewhere here they recommended nuking and reinstalling node modules, tried that with no change.
I also disabled my plugins prior to taking this snap, there is no place in the app that's calling Vue other than the Nuxt internals.
How do I make this stop?
This doesn't happen in production, or when running from an actual domain ie: on Valet. Nor is there any effect when producing static pages, so this really isn't an issue.
Once I moved it to a domain, it stopped even in dev so no reason to pursue this any further.
Related
We have some issues with SmartEdit after upgrading Spartacus to 3.4.4.
Locally SmartEdit works fine, issues are present on our stage environment.
Contextual menu to edit components is missing on all slots but only on our homepage, and content of components is overlapping. All other pages don't have these issues.
We tried the following to solve this but nothing worked:
updating Spartacus styles
removing lazy loading, deferred loading and enabling SSR on components that are used on our homepage
downgrading Spartacus to 3.0.0
hiding component after component in SmartEdit to check if those issues are maybe caused by one of them
However, contextual menu shows up after changing route two times, i.e. going to login page, then back to homepage and repeating the step. When contextual menu shows up, content of components is not overlapping anymore.
What we also noticed is that locally we're using Angular 10, which is needed for the Spartacus 3.x, but somehow on our stage environment we have
Angular 8. Also, in SE preview mode we see this ySEEmptyClass shown in slots.
Another issue we found in SmartEdit, when we open one i.e. one category page but directly on stage (not navigating from homepage) we see empty slots and a spinner - same for the PDP.
Any ideas on how we can solve these issues? Is anyone facing similar problems?
I had issues with SmartEdit on Spartacus version 4. It kept showing up with the loading spinner too.
What I did to fix it was add to my index.html the following line:
<script id="smartedit-injector" src="assets/webApplicationInjector.js" data-smartedit-allow-origin="localhost:9002, development_environment_url.com:80"></script>
Perhaps try adding all your URLs (staging, dev, prod, etc) to the data-smartedit-allow-origin field?
Currently have an Azure pipeline that is watching the staging branch and building on changes using npm and Vue CLI 3. Everything has been working fine until there was a new merge and build, which caused the error t[e] is undefined to show up. I removed minification and saw that the error was module[moduleId] is undefined on page load. Everything runs fine locally, and everything had been running fine deployed prior to this.
There was a Vuetify plugin update that has since been reverted without change. I've also had this issue with the D3 library (which is currently in use), but I'm wondering if the issue is just that the building is no longer working in the pipeline, or if everything needs to be rebuilt from scratch or a cache needs to be cleared (I'm not a DevOps guy).
Anyone have any insight for an app suddenly breaking like this?
EDIT: Seems to be related to the d3 library. Any reason why it would work locally but not when deployed? And with no errors on building?
I've just lost a frustrating amount of time trying to work out why npm run serve was hanging when attempting to run my vue js app. Eventually, I tracked it down to one error in a vue file I made, it took me a long time to work this out since the issue manifests itself in a way that the console window just hangs.
Is there some other way developers can get a more descriptive error list from vue js prior to attempting to run/build?
Personally, I find the most useful and essential tools to be (I use VS Code as "IDE")
Vetur: includes syntax-highlighting, snippets, linter (error checking), auto completition, etc.
Vue.js devtools (for chrome): Not sure about other browsers, but this is incredibly useful for chrome. Let's you see what's really going on with vue.js' components, the store, etc (screenshot from the chrome store page).
Hope this helps!
Im building my first electron app and I want to use VueJs, I have installed vue via the cli3.
When i run the app in dev its all fine, however in production (after running a build) there is a warning in the console that vue builds are designed to run over an http-server. This is usually fine since it will be, however to embed vue in an electron app, I wont be using an http-server to serve the vue app.
the net effect of this is that when i build my electron app and run it, I just see a blank screen and none of the js/css/img files get loaded (all 404).
Does anyone know how to resolve this?
I reviewed so many vue/electron tutorials but they only cover dev, none of them seem to go as far as building it and running the finished product.
It is maybe a trivial question but I am quite lost in topic I don't know.
I am writing my first app n Aurelia using ES2016. I wanted to export my app to server for some testing.
As I learn in Plularsight course https://app.pluralsight.com/library/courses/aurelia-fundamentals/ that the easiest way to bundle and export is to use Aurelia Skeleton Navigation - by changing all theirs src files to ours and adding all the missing dependencies in package.json, and also adding them to bundle.js and export.js.
When I use
git bundle
git serve
Bundling works fine, and app is running fine.
But when i run
gulp export
The files in export dir not working properly. I have an "Uncaught SyntaxError: Unexpected token <" error in almost js file I wrote or added to my App (not in aurelia files :/ I deployed it temporally here so you can check https://amazingcms-0-3.firebaseapp.com/drag/posts
It looks like I messed it up at all :/ I don't know what files I should show you to help, so please tell me, or give mi a good source where I can learn how to export my app. It is possible to do it without the Aurelia Skeleton Navigation? I think I even don't necessarily need bundling only transpiling (I'm using Babel runtime). I want to check if my app works on server it can work slow at this step.