Я не могу понять, почему
, когда я просто запускаю npm start
из командной строки, проект запускается, и все, кажется, работает нормально ..
Но если я пытаюсьзапустить его на IIS
с Visual Studio
запускается окно браузера (по истечении тайм-аута «Сервер create-реагировать-приложение не начал прослушивать запросы в течение периода ожидания 50 секунд»).И через несколько секунд он запускает вторую вкладку браузера, на новый порт, который загружает мой проект по желанию ..
Я следовал статье 1 , но приложение все еще не работает должным образом.понятная идея 2
структура моей папки appliaction 4
webpack.config.js
const HtmlWebPackPlugin = require("html-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const CleanWebpackPlugin = require('clean-webpack-plugin');
const path = require('path')
module.exports = {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist'),
publicPath: '/',
},
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: "babel-loader"
}
},
{
test: /\.html$/,
use: [
{
loader: "html-loader",
options: { minimize: true }
}
]
},
{
test: /[\/\\]src[\/\\].*\.css$/,
use: [
{
loader: "style-loader"
},
{
loader: "css-loader",
options: {
modules: true,
importLoaders: 1,
localIdentName: "[name]_[local]",
sourceMap: true,
minimize: true
}
}
]
},
{
test: /[\/\\](node_modules|global)[\/\\].*\.css$/,
use: [
{
loader: "style-loader"
},
{
loader: "css-loader"
}
]
},
{
test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
use: [
{
loader: 'url-loader',
options: {
limit: 10000,
mimetype: 'image/svg+xml'
}
}
]
},
{
test: /\.png/,
use: [
{
loader: 'url-loader',
options: {
limit: 10000,
mimetype: 'image/png'
}
}
]
}
]
},
devServer: {
historyApiFallback: true
},
plugins: [
new CleanWebpackPlugin(['dist']),
new HtmlWebPackPlugin({
template: "./src/index.html",
filename: "./index.html"
}),
new MiniCssExtractPlugin({
filename: "[name].css",
chunkFilename: "[id].css"
})
]
};
Package.json
{
"name": "Test",
"version": "1.0.0",
"description": "Test Solutions",
"main": "index.js",
"scripts": {
"start": "rimraf ./build && react-scripts start",
"build": "react-scripts build"
},
"keywords": [],
"author": "",
"devDependencies": {
"axios": "^0.18.0",
"babel-core": "^6.26.3",
"babel-plugin-transform-object-rest-spread": "^6.26.0",
"babel-preset-env": "^1.7.0",
"babel-preset-es2015": "^6.24.1",
"babel-preset-react": "^6.24.1",
"clean-webpack-plugin": "^0.1.19",
"css-loader": "^0.28.11",
"file-loader": "^3.0.1",
"html-loader": "^0.5.5",
"html-webpack-plugin": "^3.2.0",
"mini-css-extract-plugin": "^0.2.0",
"moment": "^2.22.1",
"moment-range": "^4.0.1",
"react": "^16.3.2",
"react-day-picker": "^7.1.9",
"react-dom": "^16.3.2",
"react-helmet": "^5.2.0",
"react-rating": "^1.7.2",
"react-redux": "^5.0.7",
"react-router": "^3.0.2",
"react-router-redux": "^4.0.8",
"react-scripts": "^3.0.1",
"react-thunk": "^1.0.0",
"redux": "^4.0.0",
"redux-logger": "^3.0.6",
"redux-thunk": "^2.2.0",
"style-loader": "^0.21.0",
"url-loader": "^1.0.1",
"webpack-cli": "^2.0.12"
},
"dependencies": {
"@fortawesome/fontawesome-svg-core": "^1.2.18",
"@fortawesome/free-solid-svg-icons": "^5.8.2",
"@fortawesome/react-fontawesome": "^0.1.4",
"prop-types": "^15.7.2",
"qs": "^6.7.0",
"react-maskedinput": "^4.0.1",
"react-motion": "^0.5.2",
"react-scrollbar": "^0.5.6",
"react-select": "^2.4.3",
"react-stripe-elements": "^3.0.0",
"react-timeout": "^1.2.0",
"redux-auth-wrapper": "^2.1.0"
}
}
При необходимости я могу предоставить любую дополнительную необходимую информацию.