从git repo(ReactJS,Nginx)撤出后死亡的白人

时间:2018-03-09 08:06:47

标签: reactjs nginx gitlab screen

每当我从我的主分支执行git pull到我的服务器时,我的所有React文件似乎都消失了,屏幕变白了。

我找到的临时解决方法是:

  1. 删除浏览器Cookie,缓存和扩展程序站点历史记录,然后关闭浏览器并重试。
  2. 删除node_modules,npm再次安装所有反应依赖项
  3. 过了一会儿,网站重新出现,一切正常,直到下次拉几次请求后,问题再次出现。

    我在任何浏览器上使用的任何控制台都没有显示任何错误消息。 经过2周以上的谷歌搜索,我似乎无法找到与此问题相关的任何内容。

    以下是我的规格:

    Ubuntu 16.04服务器    框架:React 16.2.0    webpack 1.12    nginx版本:nginx / 1.10.3(Ubuntu)    git版本2.7.4

    我的webpack设置(为清楚起见,我用命令编译了所有的反应文件):

    node_modules/.bin/webpack --config webpack.local.config.js
    

    (本地)

    var path = require("path")
    var webpack = require('webpack')
    var BundleTracker = require('webpack-bundle-tracker')
    var config = require('./webpack.base.config.js')
    
    config.devtool = "#eval-source-map"
    
    config.plugins = config.plugins.concat([
        new BundleTracker({
            filename: './webpack-stats-local.json'
        }),
    ])
    
    config.module.loaders.push({
        test: /\.js[x]?$/,
        exclude: /node_modules/,
        loaders: ['react-hot-loader/webpack', 'babel'],
    })
    
    module.exports = config
    

    (碱)

    var path = require("path")
    var webpack = require('webpack')
    
    module.exports = {
        context: __dirname,
    
        entry: {
            App1: './path/to/App1/',
            App2: './path/to/App2/',
            // ...
            App10: './path/to/App10/',
            vendors: ['react'],
        },
    
        output: {
            path: path.resolve('./backend/static/bundles/local/'),
            filename: "[name]-[hash].js"
        },
    
        externals: {
            "gettext":"gettext",
            "django":"django",
            }, // add all vendor libs
    
        plugins: [
            new webpack.optimize.CommonsChunkPlugin('vendors', 'vendors.js'),
        ],
    
        module: {
            loaders: []
        },
    
        resolve: {
            modulesDirectories: ['node_modules', 'bower_components'],
            extensions: ['', '.js', '.jsx']
        },
    }
    

    非常感谢任何帮助

1 个答案:

答案 0 :(得分:0)

我通过将Webpack更新到版本4 +更新了我使用的依赖关系,同时摆脱了我不使用的依赖关系,解决了这个问题。