What am I doing wrong?

I have a gulp task that uses webpack to package up my client-side code and puts it into the file [app_root]/build/public/bundle.js

My Koa server is also babel transpiled and then placed into [app_root]/build/index.js

Then I’m trying the following in my app:

import staticServe from 'koa-static'
import koa from 'koa'

let app = koa()

app.use(staticServe('public'))

And I keep getting the following error whenever I try to load my page and it tries to request the bundle.js file:

  BadRequestError: Invalid Request
  .
  .
  at Object.serve (/Users/mmarcus/WebstormProjects/Fanatics-3C/3c-middleware/node_modules/koa-static/index.js:41:14)

For the time being, I’ve gotten things to work with the following, but it’s obviously a hack and breaks koa’s handling of 404’s for requests to the /public folder, giving me TypeError: Cannot read property 'Symbol(Symbol.iterator)' of undefined…

app.use(function* (next) {
  if (this.request.path.indexOf('/public') === 0) {
    yield staticServe(`${__dirname}`)
  } else {
    yield next
  }
})

Please help?

[haoxins]

Closed due to inactivity!

[RavenHursT]

Guess I’ll just tackle this myself then…