koa-views index.html 访问404

Question

我用koa做react项目的服务器端，碰到一个很奇怪的问题

import 'babel-polyfill'
import serve from 'koa-static'
import path from 'path'
import views from 'koa-views'
import app from './app'
import router from './routes'

app.use(views(path.resolve(__dirname,'../build/views/prod'), {map: {html: 'ejs'}}))
app.use(serve(path.resolve(__dirname, '../build/client')))

这个是编译环境的代码，当这样的时候访问是404

我的目录结构是这样的

而如果我把上面的代码修改一下

app.use(views(path.resolve(__dirname,'../build/client'), {map: {html: 'ejs'}}))
app.use(serve(path.resolve(__dirname, '../build/client')))

将index.html文件打包到client文件夹中，再访问的时候，可以访问到文件，但是出现js错误

请大神帮忙看看是怎么回事，万分感谢！~~

Answer 1

我终于解决了，因为我用的webpack@3 进行打包的，以前demo是用webpack@1做的，我在react-router加载组件的时候是按需加载的，也就是require.ensure
编译后两个版本的不一样

//webpack@1打包结果
var home = function home(nextState, callback) {
        __webpack_require__.e/* nsure */(1, function (require) {
            callback(null, __webpack_require__(98));
        });
    };

//webpack@3打包结果
var Home = function Home(nextState, callback) {
    new Promise(function(resolve) { resolve(); }).then((function (require) {
        callback(null, __webpack_require__(157));
    }).bind(null, __webpack_require__)).catch(__webpack_require__.oe);
};

我遂取掉了require.ensure，再次build，执行，程序正常了(心碎了，这个问题折腾了三天时间，后续还得解决webpack@3里面按需加载的问题。。。。)