bschem
bschem
PostsComments
SSolidJS
Created by bschem on 11/8/2023 in #support
Added the official solid-router, followed the docs, now nothing loads
I'm very new to Solid but I had a working SPA (I'm using vite and plain JS) until I added the official solid-router, followed all the steps in the docs, and now none of my components load. Feeling pretty frustrated and hoping someone can help! index.jsx 
import { render } from 'solid-js/web';
import { Router } from "@solidjs/router";
import App from './App';
import './index.css';

const root = document.getElementById('root');

render(
  () => (
    <Router>
      <App />
    </Router>
  ),root);
import { render } from 'solid-js/web';
import { Router } from "@solidjs/router";
import App from './App';
import './index.css';

const root = document.getElementById('root');

render(
  () => (
    <Router>
      <App />
    </Router>
  ),root);
App.jsx 
import { onMount } from "solid-js";
import { Routes, Route } from "@solidjs/router";
import Header from "./components/Header";
import Footer from "./components/Footer";
import Friends from "./pages/Friends";

export default function App() {
  onMount(() => {
    console.log("App Mounted")
  });

  return (
    <div class="bg-gradient-to-br from-blue-chill-300 dark:from-blue-chill-950 to-blue-chill-100 dark:to-blue-chill-700">
      <Header />
      <Routes>
        <Route path="/" component={Friends} />
      </Routes>
      <Footer />
    </div>
  );
}
import { onMount } from "solid-js";
import { Routes, Route } from "@solidjs/router";
import Header from "./components/Header";
import Footer from "./components/Footer";
import Friends from "./pages/Friends";

export default function App() {
  onMount(() => {
    console.log("App Mounted")
  });

  return (
    <div class="bg-gradient-to-br from-blue-chill-300 dark:from-blue-chill-950 to-blue-chill-100 dark:to-blue-chill-700">
      <Header />
      <Routes>
        <Route path="/" component={Friends} />
      </Routes>
      <Footer />
    </div>
  );
}
Hopefully someone can point me in the right direction!
2 replies