मैं एक वातावरण के रूप में उपयोग कर रहा हूं, एक Cloud9.io ubuntu VM Online IDE और मैंने इस त्रुटि का निवारण करके केवल वेबपैक देव सर्वर के साथ ऐप चलाने में कमी की है।
मैं इसके साथ लॉन्च करता हूं:
webpack-dev-server -d --watch --history-api-fallback --host $IP --port $PORT$ IP एक वैरिएबल है जिसमें होस्ट एड्रेस है PORT में पोर्ट नंबर है।
मुझे क्लाउड 9 में एक ऐप को तैनात करते समय इन संस्करणों का उपयोग करने का निर्देश दिया गया है, क्योंकि उनके पास डिफ़ॉल्ट आईपी और पोर्ट जानकारी है।
सर्वर बूट करता है और कोड को संकलित करता है, कोई समस्या नहीं, यह मुझे इंडेक्स फ़ाइल नहीं दिखा रहा है। पाठ के रूप में "अमान्य होस्ट हेडर" के साथ केवल एक खाली स्क्रीन।
यह अनुरोध है:
GET / HTTP/1.1
Host: store-client-nestroia1.c9users.io
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36
(KHTML, like Gecko) Chrome/57.0.2987.133 Safari/537.36
Accept:
text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8
DNT: 1
Accept-Encoding: gzip, deflate, sdch, br
Accept-Language: en-US,en;q=0.8
यह मेरा पैकेज है। संदेश:
{
"name": "workspace",
"version": "0.0.0",
"scripts": {
"dev": "webpack -d --watch",
"server": "webpack-dev-server -d --watch --history-api-fallback --host $IP --port $PORT",
"build": "webpack --config webpack.config.js"
},
"author": "Artur Vieira",
"license": "ISC",
"dependencies": {
"babel-core": "^6.18.2",
"babel-loader": "^6.2.8",
"babel-preset-es2015": "^6.18.0",
"babel-preset-react": "^6.16.0",
"babel-preset-stage-0": "^6.24.1",
"file-loader": "^0.11.1",
"node-fetch": "^1.6.3",
"react": "^15.5.4",
"react-bootstrap": "^0.30.9",
"react-dom": "^15.5.4",
"react-router": "^4.1.1",
"react-router-dom": "^4.1.1",
"url-loader": "^0.5.8",
"webpack": "^2.4.1",
"webpack-dev-server": "^2.4.4",
"whatwg-fetch": "^2.0.3"
}
}
यह webpack.config.js है:
const path = require('path');
module.exports = {
entry: ['whatwg-fetch', "./app/_app.jsx"], // string | object | array
// Here the application starts executing
// and webpack starts bundling
output: {
// options related to how webpack emits results
path: path.resolve(__dirname, "./public"), // string
// the target directory for all output files
// must be an absolute path (use the Node.js path module)
filename: "bundle.js", // string
// the filename template for entry chunks
publicPath: "/public/", // string
// the url to the output directory resolved relative to the HTML page
},
module: {
// configuration regarding modules
rules: [
// rules for modules (configure loaders, parser options, etc.)
{
test: /\.jsx?$/,
include: [
path.resolve(__dirname, "./app")
],
exclude: [
path.resolve(__dirname, "./node_modules")
],
loader: "babel-loader?presets[]=react,presets[]=es2015,presets[]=stage-0",
// the loader which should be applied, it'll be resolved relative to the context
// -loader suffix is no longer optional in webpack2 for clarity reasons
// see webpack 1 upgrade guide
},
{
test: /\.css$/,
use: [ 'style-loader', 'css-loader' ]
},
{
test: /\.(png|jpg|jpeg|gif|svg|eot|ttf|woff|woff2)$/,
loader: 'url-loader',
options: {
limit: 10000
}
}
]
},
devServer: {
compress: true
}
}
मेरे होस्ट सेटअप के कारण वेबपैक देव सर्वर इसे वापस कर रहा है। Webpack-dev-server / lib / Server.js लाइन 60 में। https://github.com/webpack/webpack-dev-server से
मेरा सवाल यह है कि मैं इस चेक को सही तरीके से पास करने के लिए कैसे सेटअप करूं। किसी भी तरह की सहायता का स्वागत किया जाएगा।