Polymer / shop

The Shop app
https://shop.polymer-project.org/
992 stars 494 forks source link

Unable to run the shop - see the issue below #97

Closed jessicastorm1986 closed 6 years ago

jessicastorm1986 commented 7 years ago

Hello,

I have copied the shop here - c:\users\jessica\pwashop\shop>

and i have install plomer , see here - https://www.dropbox.com/s/w27cdcsrj61p9gz/Screenshot%202016-11-12%2011.26.35.png?dl=0

when i run polymer serve, the shop is not running, i see just a blank white page with "shop" written, see here - https://www.dropbox.com/s/ftq592nju841gjn/Screenshot%202016-11-12%2011.27.54.png?dl=0

What is the issue, please help.

oneezy commented 7 years ago

How did you copy the shop?

Did you $bower install the dependencies?

oneezy commented 7 years ago

If you have the Polymer CLI tool, you can simply run $ polymer init , and choose option "3" for the shop template. This will install the shop app along w/ all dependencies (no need to bower install if you use polymer init).

Then you can run $ polymer serve to start it up.


On the other hand, if you have downloaded/ copied/ git cloned the polymer shop repository onto your local machine, you'll always need to run the $ bower install command and then run $ polymer serve.

jessicastorm1986 commented 7 years ago

i have downloaded it and unzipped, bower install what ? or i go inside the shop folder and then type bower install command ?

i am trying like this - https://www.dropbox.com/s/gwjjvt6ul317xx2/Screenshot%202016-11-12%2015.41.26.png?dl=0

sorry i am new to this

oneezy commented 7 years ago

No worries! We've all been there :)

You're going to need to globally install the tool bower on your system, which is a package manager that Polymer uses to install all of it's dependencies.

Inside your Git CMD, write npm install bower -g (-g means global)

After install is complete, you'll want to run bower install in your Git CMD

This installs all the packages from inside the bower.json file that comes with the Polymer Shop.

After that, run polymer serve and your app should work


The Polymer Shop, along w/ many other github repos do not include any of there dependencies or devDependencies (bower_components/ npm_modules) on Github. Instead, they use a .json file to store the paths so you can install these locally on your machine. So, if you ever see a bower.json file, you'll need to always run the command bower install to get your app running. If you ever see a package.json file, you'll always need to run the command npm install.

To learn more about bower, have a look here: https://www.youtube.com/watch?v=Vs2wduoN9Ws&t=355s

jessicastorm1986 commented 7 years ago

worked, let me dive inside, one thing i want to know , what is this using ? material design or ionic or nothing ?

secoondly , i run this command - polymer build, now when i run it [C:\Users\jessica\pwashop\shop\build\unbundled\ inside xampp, i dont see anything - https://www.dropbox.com/s/0ztx9umrfi87rcq/Screenshot%202016-11-13%2015.19.38.png?dl=0

what is the reason for this

and i uploaded it here - funiks.com/ionic/shop/

its not even running here, how do i upload it and run ???

oneezy commented 7 years ago

When you're working w/ the Polymer library and the Polymer-CLI, you're working purely w/ the browser platform and it's native web technology (html/css/js). Polymer library has created similar concepts to use from other frameworks, however you're not required to use these. Ionic is a framework and isn't related to Polymer, and you also don't need to use xamp. Polymer-CLI's polymer serve command creates a running server for you on localhost:8080. If for any reason you need run on a different port, you should pass it the -p flag and list your port number.

Example: polymer serve -p 9999

Material design is only a concept, and Polymer has created the Paper Elements that demonstrates these ideas, but you aren't in any way enforced to use this (it is good practice though).

There's a few ways to deploy your application, I personally use Firebase (polymer fire).


I'd suggest you spend a few days watching Polycasts on YouTube to get a better idea of how everything works. It will answer many of the questions you have:

https://www.youtube.com/playlist?list=PLNYkxOF6rcIDdS7HWIC_BYRunV6MHs5xo

jessicastorm1986 commented 7 years ago

alright i'll watch them, i was wondering as how can i deploy it on my server [will check out polymer fire] and do i need a https or not,

but i dont know what wrong i did, i used this command - polymer build and then uploaded the files generated inside the unbundled folder, what did i missed ?

i even added - "start_url": "http://funiks.com/ionic/shop/index.html", in the manifest.json

frankiefu commented 6 years ago

I am closing this. If you think this is an issue in the cli please file an issue there: https://github.com/Polymer/polymer-cli/issues

Thanks.