Meteor-webpack w/ react-router - HTML not loading

I’m getting "Uncaught Error: ...registerComponent(...): Target container is not a DOM element.(...)

My main.html is not loading. I don’t know why.



  <div id="root"></div>


import '../imports/startup/client';


import './routes.js';


import React from 'react';
import { Meteor } from 'meteor/meteor';
import { render } from 'react-dom';
import { Router, Route, browserHistory } from 'react-router';

import { AppLayout } from '../../ui/layouts/App';
import { Index } from '../../ui/pages/Index';

Meteor.startup(() => {
    <Router history={ browserHistory }>
      <Route component={ AppLayout }>
        <Route path="/" component={ Index } />


import React from 'react';

export const App = props => {
  return (
    <div id="app-layout">
      <header id="header-layout">
      <main id="main-layout">
      <footer id="footer-layout">

I know that I didn’t load children props in AppLayout but the problem is before that. main.html is not even showing up. Even the title is localhost:3000 instead of being Title.

I’m using thereactivestack/meteor-webpack.

Can someone tell me why?

any takers? =)

…for 20 characters

Oh, yeah I fixed it… it was a stupid mistake. I removed BlazeToHTML package but didn’t add static-html package from Atmostphere.

mine was that I unintentionally deleted the static-html in my meteor packages… i just found out the answer after I bumped the post here :smiley: