• 3
  • 新人请关照

koa-views index.html 访问404

我用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

clipboard.png

我的目录结构是这样的

clipboard.png

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

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

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

clipboard.png

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

阅读 2.5k
评论
    1 个回答
    • 3
    • 新人请关照

    我终于解决了,因为我用的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里面按需加载的问题。。。。)

      撰写回答

      登录后参与交流、获取后续更新提醒