Tôi đang sử dụng như một môi trường, IDE IDE trực tuyến của Cloud9.io và tôi đã giảm bằng cách khắc phục lỗi này khi chỉ chạy ứng dụng với máy chủ phát triển Webpack.
Tôi khởi chạy nó với:
webpack-dev-server -d --watch --history-api-fallback --host $IP --port $PORT$ IP là một biến có địa chỉ máy chủ $ PORT có số cổng.
Tôi được hướng dẫn sử dụng các vars này khi triển khai một ứng dụng trong Cloud 9, vì chúng có thông tin IP và PORT mặc định.
Máy chủ khởi động và biên dịch mã, không vấn đề gì, nó không hiển thị cho tôi tệp chỉ mục. Chỉ một màn hình trống với "Tiêu đề máy chủ không hợp lệ" dưới dạng văn bản.
Đây là Yêu cầu:
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Đây là gói.json của tôi:
{
"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"
}
}Đây là 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 đang trả lại điều này vì thiết lập máy chủ của tôi. Trong dòng webpack-dev-server / lib / Server.js 60. Từ https://github.com/webpack/webpack-dev-server
Câu hỏi của tôi là làm thế nào để tôi thiết lập để vượt qua kiểm tra này một cách chính xác. Mọi sự trợ giúp sẽ rất được trân trọng.