Treść niebędąca pakietem sieciowym jest dostarczana z/foo
Po prostu nie mogę uruchomić tego serwera, czytam
dokumenty
https://webpack.js.org/configu ... erver
webpack-dev-server .
devServer: {
contentBase: path.join(__dirname, "dist"),
compress: true,
port: 9000
}
Przykładowy kod wygląda na prosty, ale po prostu nie mogę pomyślnie uruchomić tego serwera, bez względu na to, co próbowałem, inny folder, po prostu nie mogę go pobrać
zawartość
!!! Czy coś mi brakuje?
Każda pomoc byłaby bardzo mile widziana.
Wyjście:
Project is running at [url=http://0.0.0.0:8080/]http://0.0.0.0:8080/[/url]
webpack output is served from/assets/
Content not from webpack is served from ~/WebstormProjects/react_back/assets/
Struktura mojego projektu:
├── [drwxr-xr-x ] src
│ └── [-rw-r--r-- ] index.js
├── [drwxr-xr-x ] public
│ ├── [-rw-r--r-- ] index.html
│ ├── [drwxr-xr-x ] assets
│ │ └── [-rw-r--r-- ] bundle.js
│ └── [-rw-r--r-- ] favicon.ico
├── [-rw-r--r-- ] package.json
├── [-rw-r--r-- ] npm-debug.log
├── [-rw-r--r-- ] webpack.config.js
package.json
"scripts": {
"build": "webpack",
"dev": "webpack-dev-server --devtool eval"
},
webpack.config.js
module.exports = {
entry: __dirname + "/src/index.js",
output: {
path: __dirname + "/public",
publicPath: "/assets/",
filename: "assets/bundle.js",
chunkFilename: '[name].js'
},
devServer: {
contentBase: __dirname + "/assets/",
inline: true,
host: '0.0.0.0',
port: 8080,
},
module: {
loaders: [
{
test:/\.(jpg|jpeg|gif|png|ico)$/,
exclude:/node_modules/,
loader: 'file-loader?name=[name].[ext]'
},
{
test:/\.js$/,
exclude:/node_modules/,
loader: 'babel-loader',
query: {
presets: ["es2016", "react", "env", "stage-2"]
}
}
]
}
};
Wersja
:
➜ node -v
v7.6.0
➜ webpack-dev-server -v
webpack-dev-server 2.4.1
webpack 2.2.1
Nie znaleziono powiązanych wyników
Zaproszony:
Aby odpowiedzieć na pytania, Zaloguj się lub Zarejestruj się
3 odpowiedzi
Anonimowy użytkownik
Potwierdzenie od:
Teraz nadal będziesz mieć problem z tym, że nie obsługuje odpowiedniego pakietu. To może zadziałać, ale dzieje się tak dlatego, że masz pakiet w swoim rzeczywistym systemie plików do użycia zamiast pakietu, który będzie obsługiwał z pamięci. Powodem tego jest to, że podaje za mało pamięci tylko wtedy, gdy zostanie wybrana poprawna ścieżka. Zakładając, że umieścisz w swoim , będzie to pasowało do ścieżki, ale ustawiasz , więc wyszuka i dołączy do niego nazwę pliku (czyli , w rzeczywistości pakiet jest obsługiwany z .
Aby to naprawić, możesz usunąć opcję (ustawienie daje taki sam efekt).
Możesz też zmienić ścieżkę wyjściową na , a nazwę pliku na . Zmusi to również twoje porcje do przejścia do katalogu zasobów, co prawdopodobnie i tak jest tym, czego chcesz.
Uwaga: wpływa na niektóre programy ładujące, które zmieniają adresy URL zasobów.
Anonimowy użytkownik
Potwierdzenie od:
Otwórz plik package.json i zmień „React-scripts”: „3.4.0”, jeśli jest to coś innego, LUB możesz wypróbować różne wersje zgodnie z własnymi wymaganiami. Ale te problemy wydają się być związane z wersją „Reaguj-skrypty”, więc musisz to sprawdzić.
Anonimowy użytkownik
Potwierdzenie od: