আমি একটি পরিবেশ হিসাবে ব্যবহার করছি, একটি Cloud9.io উবুন্টু ভিএম অনলাইন আইডিই এবং আমি এই ত্রুটিটির সমস্যা সমাধানের মাধ্যমে কেবল ওয়েবপ্যাক ডেভ সার্ভার দিয়ে অ্যাপ্লিকেশন চালাতে হ্রাস পেয়েছি।
আমি এটি দিয়ে চালু:
webpack-dev-server -d --watch --history-api-fallback --host $IP --port $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"
}
}এটি ওয়েবপ্যাক.কমফিগ.জেএস:
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
}
}ওয়েবপ্যাক ডেভ সার্ভারটি আমার হোস্ট সেটআপের কারণে এটি ফিরিয়ে দিচ্ছে। ওয়েবপ্যাক-ডেভ-সার্ভার / lib / Server.js লাইন 60. https://github.com/webpack/webpack-dev-server থেকে
এই প্রশ্নটি সঠিকভাবে পাস করার জন্য আমি কীভাবে সেটআপ করব তা আমার প্রশ্ন। কোন সাহায্যের ব্যাপকভাবে প্রশংসা হবে।