每当我从我的主分支执行git pull到我的服务器时,我的所有React文件似乎都消失了,屏幕变白了。
我找到的临时解决方法是:
过了一会儿,网站重新出现,一切正常,直到下次拉几次请求后,问题再次出现。
我在任何浏览器上使用的任何控制台都没有显示任何错误消息。 经过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']
},
}
非常感谢任何帮助
答案 0 :(得分:0)
我通过将Webpack更新到版本4 +更新了我使用的依赖关系,同时摆脱了我不使用的依赖关系,解决了这个问题。