When using Meteor, main.html doesn't respond to changes

When trying to edit the html page using Notepad++, the html page remains unresponsive. Based on my limited understanding, Meteor should detect changes made to the html file once saved and update the page automatically. But nothing happens. I found a post of a user who encountered what seems like an issue similar to mine, (When using Meteor 1.5, index.html doesn't respond to changes) however I did not receive an error message as mentioned in the post. I am uncertain if the fix of deleting the meteor directory would apply to my case.

I haven’t installed any additional router with the meteor app such as react, flow or iron router. With respect to the folder structure of the app’s location.Folder structure The code of the html file is as follows.


<h1>Welcome to Meteor!</h1>

{{> hello}}
{{> info}}

<template name="hello">
<button>Click Me</button>
<p>You've pressed the button {{counter}} times.</p>

<template name="info">
<h2>Learn Meteor!</h2>
<li><a href="https://www.meteor.com/try" target="_blank">Do the 
<li><a href="http://guide.meteor.com" target="_blank">Follow the Guide</a> 
<li><a href="https://docs.meteor.com" target="_blank">Read the Docs</a> 
<li><a href="https://forums.meteor.com" target="_blank">Discussions</a> 

Welcome, Ronin!

Looks like you’re sharing the .meteor folder in the image, but can you share the /image_share folder structure? Also, what frontend framework are you using: i.e. Blaze/Vue/React? Depending on what you’re using, there will need to be some JS file that import the html file you’re referencing. If you’re already trying to import main.html, please share so we can examine it.

Also, I don’t think you need a router if you’re just setting up the first page, so that shouldn’t be an issue.

1 Like

Thanks MikeTT, I really appreciate the assistance. I will need to ask you to bear with me a bit, since I recently started learning to code and just started Meteor.
The image_share folder structure as requested.

As for the main.html file, I received an error message when attempting to upload it. Stating the file is an unauthorized format. If there is a workaround for this I would be happy to share it.

As far as I know, I haven’t installed any framework like React/Vue, unless these are part of the initial installation of the most recent version of Meteor. I did read you should check in the node_modules folder to see if it is installed, and saw no files titled React or otherwise.

1 Like

No worries if you’re just getting started, Ronin. We all had to start somewhere. :slight_smile: If you’re just starting to code, though, taking on a Meteor app might be a big learning curve, since you’re really doing full-stack dev.

When you say you received the error when “attempting to upload it”, are you working with a remote server as opposed to your local computer? Working locally will be your best bet when you’re just starting out. Also, when you started your Meteor project, did you use any of the Tutorials to guide you? Starting with one of them may be your best route. The Todos app, for example, will get you going with a recommended approach to things like the folder structure, how to import, etc.

Others here may correct me if I’m wrong, but I do think the Blaze tutorial may be the simplest one to use to kick off your Meteor experience. It was how I did my first Meteor tutorial many years ago. One small note is that if you choose to do the tutorials, especially since you’re new to code, don’t copy/paste the stuff from the tutorial. Get yourself familiar with typing it all out. It’ll help with coding skills in general and will also help you retain the information better.

I think we had a small misunderstanding. When I said I received an error while attempting to upload the html file, I was following up on your previous request to share the file, so it could be examined. The error message I received was from the forum, stating html files aren’t an authorized file to be shared.

That aside I will definitely look into the Blaze tutorial. That hopefully could give me a small leg up in my online class.