Comments (13)
@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.
@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.
from interactive-examples.
@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.
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.
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.
You can also check the above screenshots that show the error message in the console (GET \docs not found) @schalkneethling
from interactive-examples.
@Satyam-Bhalla Please pull the latest code from master
and let me know if you are still experiencing issues. Thank you.
from interactive-examples.
Yes the issues are still the same @schalkneethling
from interactive-examples.
@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.
@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:
- 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
- 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
- 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.
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.
@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.
Create a wiki page on How, and What the community can contribute
from interactive-examples.
Related Issues (20)
- autocomplete example's labels aren't associated with their inputs HOT 4
- Demo for <input type=url> does not demonstrate validation HOT 5
- fix broken link HOT 2
- lineJoin page could use an example where you can experiment with the different types HOT 2
- Be more explicit about necessity of `perspective()` argument HOT 4
- 子应用嵌套子应用,不会加载嵌套子应用的字体图标 HOT 2
- Intl - Month Names of Coptic Calendar on Android wrong HOT 7
- Button HTML error HOT 3
- Blockquote example does not need figure/figcaption HOT 10
- can't change ime after using eyedropper HOT 2
- Incorrect syntax for JSON.stringify() demo HOT 2
- [meta] Should we archive the wiki? HOT 1
- [meta] Ci can skip more types of changes HOT 1
- whitespace-example without whitespace included in code HOT 1
- [meta] CI runs on forks
- `::marker` class showing XML error HOT 2
- Prettier config deviates from mdn/content HOT 2
- Article element in a wrong implementation HOT 5
- :nth-child - update example to be inclusive HOT 5
- `npm install` has `2 vulnerabilities (1 moderate, 1 high)` HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from interactive-examples.