Git Product home page Git Product logo

Comments (13)

schalkneethling avatar schalkneethling commented on July 2, 2024

@Satyam-Bhalla if there is anything with regards to the current README[https://github.com/mdn/interactive-examples/blob/master/README.md] that you feel we can improve, please let us know here.

from interactive-examples.

Satyam-Bhalla avatar Satyam-Bhalla commented on July 2, 2024

@schalkneethling I have found some more bugs like when I made a sample page according to your readme.md file.I didn't get any folder named docs in my browser and my server is giving me 404 error. But when I open my local directory after building my new page then I get that page (eg. Border radius) there. But your readme says that it must be found with the server too at localhost:8080/docs/pages/css/border-radius.html or http://127.0.0.1:8080/docs/pages/css/border-radius.html but it also gives me a 404 error.You can see that in my screenshots and must fix that error and also include that in your readme.
capture
error2

from interactive-examples.

schalkneethling avatar schalkneethling commented on July 2, 2024

@Satyam-Bhalla Ah ok, so I guess you created a new page, with a new entry in site.json. I am thinking the watch task did not pick up these changes or, it picked up everything except for the change to site.json

Are you saying that after you ran npm run build, and then npm start the new page was available at the URL you expected?

from interactive-examples.

Satyam-Bhalla avatar Satyam-Bhalla commented on July 2, 2024

No, when I start my server it did not show me the docs folder as given in your readme.But I got the changes locally on my computer drive but did not get the folder at the localhost. So when I open my local drive the page is there with all the changes but my localhost did not serve that page or the docs folder. So the URL http://localhost/docs/pages/css/border-radius.html did not open.

from interactive-examples.

schalkneethling avatar schalkneethling commented on July 2, 2024

Ok, I think there may be a misunderstanding or, the README is not clear. Let me test the flow as described in the README and see if I can reproduce.

Thank you for your contribution and interest in the project @Satyam-Bhalla

from interactive-examples.

Satyam-Bhalla avatar Satyam-Bhalla commented on July 2, 2024

You can also check the above screenshots that show the error message in the console (GET \docs not found) @schalkneethling

from interactive-examples.

schalkneethling avatar schalkneethling commented on July 2, 2024

@Satyam-Bhalla Please pull the latest code from master and let me know if you are still experiencing issues. Thank you.

from interactive-examples.

Satyam-Bhalla avatar Satyam-Bhalla commented on July 2, 2024

Yes the issues are still the same @schalkneethling

from interactive-examples.

schalkneethling avatar schalkneethling commented on July 2, 2024

@Satyam-Bhalla Thank you for the feedback. This is odd. I will pull down a fresh copy of the latest from master and see if I can reproduce.

from interactive-examples.

schalkneethling avatar schalkneethling commented on July 2, 2024

@Satyam-Bhalla I see that you have forked this repo to your own user but, it seems the last time you synced with this main repo was 22 days ago.

This might be the cause of the problems you are seeing. As I do not know how well you know Git/Github. What you want to do is the following:

  1. At the root of your local clone of your fork of the repository, add this repo as a remote:
git remote add mozilla https://github.com/mdn/interactive-examples.git
  1. After the above, run:
git pull mozilla master

This will ensure that your fork of the repo is up to date with the master branch of this repo. Now, just to be safe, delete the directory node_modules and run:

npm install
  1. Once this completes, try running:
npm start

Let me know the outcome of the above. Thank you again for your interest in contributing to this project.

from interactive-examples.

Satyam-Bhalla avatar Satyam-Bhalla commented on July 2, 2024

Yes, Its working fine now. I have checked the readme again and you have changed the path from http://127.0.0.1/docs to http://127.0.0.1/pages/css and now it's working. Thanks @schalkneethling

from interactive-examples.

schalkneethling avatar schalkneethling commented on July 2, 2024

@Satyam-Bhalla Wonderful news. I will be working on the wiki page today. Will update this issue as soon as that is done.

from interactive-examples.

schalkneethling avatar schalkneethling commented on July 2, 2024

Create a wiki page on How, and What the community can contribute

from interactive-examples.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.