created vue app with pwa, but cannot find manifest.json to edit - vue.js

update: solved by reading document :
https://cli.vuejs.org/core-plugins/pwa.html#configuration
I just created a vue app, then
vue add #vue/pwa
The manifest.json is found by browser, but I can not find the file to edit. Please help!!!!
the brower shows manifest.json
app file structure

I solved this problem by manually adding a manifest.json file to the public folder. It didn't work at first until I stopped the server and RESTARTED THE SERVER by running npm run serve.

Related

GSAP fails to import

I am trying to include gsap into a JavaScript file and even it being very straight forward it will not load. I am using what GreenSock docs say to do and still no luck. I have added "type": "module" in the json file and the script file I am import into. In my HTML has type="module included and I have a class module already imported into it. It is working fine.
After doing a npm install gsap and it is in my .json file "gsap": "^3.11.0"
They say include this at the very top of the file using it: import {gsap} from "gsap"
Doing so only throws a console error:
Uncaught TypeError: Failed to resolve module specifier "gsap". Relative references must start with either "/", "./", or "../".
I didn't include any of those being it is a npm install not a cdn script, then on a whim I did try to include any one of those and still nothing. But the error now reads:
GET ###url####ERR_ABORTED 404 (Not Found) looking for a file in my directory. With npm install there is no file just a node_module.
Will just go to the cdn version but just wondering why this is a problem? I am using a tutorial and even the npm isntall steps he uses worked. But when I try it fails .... included image and with or with a " ./ " director included nothing loads
If anyone has any advice feel free to include it here. Removed via npm remove gsap and included the cdn in my html. It is 2022 and shouldn't have to be this hard .....
I just needed to put the cdn in the html and gsap worked perfectly in the js file
CDN - <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js"></script>

NuxtJS component auto import stopped working out of nowhere

I have this project I'm writing in NuxtJS (without TypeScript) and I have a few custom components in components directory. It was working fine yesterday, but now, it suddenly says that the component wasn't registered correctly, this happens only with components that aren't in the root of components directory. What do I do?
This is the error:
This is my nuxt.config.js:
This is my components directory:
As you can see, I already have some components there, I swear, they were working fine yesterday. What could be causing this?
What I've tried:
• Deleting .nuxt directory;
• Setting manually the components directory in the configuration file (as described in this link from #nuxt/components lib
Importing the component manually works fine.
Thanks!
Nevermind, I just deleted node_modules and now works fine.
I don't know what just happened. It must be one of that node related akwardness!

Setup VueJS In Subdirectory

I have a VueJS app that I would like to deploy, i'm currently running npm run build to build the app, however I want this app to be in a subdirectory of my website.
The problem i'm having is when building the app, it creates the wrong paths to the css and javascript file.
I have tried using root inside babel.config.js but it gives me an error when I try to build it (root is only allowed in root programmatic options).
Anyone know how I can go about fixing this issue? Any help is greatly appreciated!
Check out the publicPath and base options:
https://cli.vuejs.org/config/#publicpath
https://router.vuejs.org/api/#base
Possibly you will also need to adjust your webserver config if using history mode:
https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations

how to use existing vue project found github

I found this example vue project in github.
How do i deploy it in my localhost ?
https://github.com/vuejs-example-apps/tic-tac-toe
No installation required. Vue is used as a CDN in that project and all you need are
corssCircle.html
crossCircle.js and
crossCircle.css
If you are going to deploy it on your localhost, simply rename the corssCircle.html into index.html for xampp, etc. or you can just open the file in browser and it will start running.
If you open crossCircle.html you'll see that Vue is included via this line:
<script src="https://unpkg.com/vue/dist/vue.js"></script>
If you would like to install Vue locally you can check this guide for options.

which angular2 js file should be added in on the client side?

I am a semi noob in web development.
I just started playing around with angular2 today. And i ran into a problem..
If I were to install angular2 with npm to my local computer, which file is the js file that should be linked to the html page that show up on the client?
In their guide, i see a file called /node_modules/angular2/bundles/angular2.sfx.dev.js. But i don't even see this file at all.
Is there some script that i should run to build that file? Or is the file renamed? I am really confused.
I tried some file /angular2/bundles/angular2.js, but it doesn't even export ng variable to window!
I see that in https://code.angularjs.org/2.0.0-alpha.44/angular2.sfx.dev.js, eventually ng gets exported. But what changed in alpha 53? (the version i get for doing npm install angular2)
In my projects, I a using
"node_modules/angular2/bundles/angular2.dev.js"
You might additionally need to install/add systemjs, just in case you are using the systemjs library.