title: Can't seem to link css and js files to index.html in heroku using node js
body: <p>My app.js file looks like this, I am trying to have my root point to a tic tac toe game.</p>
  
  <pre><code>app.set('port', (process.env.PORT || 5000))
  
  
  //serve static files in the public directory
  app.use(express.static('public'));
  
  // Process application/x-www-form-urlencoded
  app.use(bodyParser.urlencoded({
  extended: false
  }))
  
  // Process application/json
  app.use(bodyParser.json())
  
  // Index route
  app.get('/', function (req, res) {
  res.sendFile('index.html',{root:"./Tic-Tac-Toe"});
  
  
  })
  </code></pre>
  
  <p>In my index.html in the ./Tic-Tac-Toe dir, I am linking some files that cannot seem to be found by the server.</p>
  
  <pre><code>&lt;link rel = 'stylesheet' type = 'text/css' href = 'ui.css'&gt;
  &lt;script src = "jquery-1.10.1.min.js"&gt;&lt;/script&gt;
  &lt;script src = "ui.js"&gt;&lt;/script&gt;
  &lt;script src = "game.js"&gt;&lt;/script&gt;
  &lt;script src = "ai.js"&gt;&lt;/script&gt;
  &lt;script src = "control.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I get these errors in my console. <a href="https://i.stack.imgur.com/IusEJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IusEJ.png" alt="enter image description here"></a></p>