Tag: webpack-dev-server

ein Node.js basierten server unterstützt live-nachladen und ist für die Entwicklung von webpack betriebenen Anwendungen.

Webpack-dev-server mit CORS-Fehler mit Anmeldeinformationen

2 Antworten

Ich bin immer CORS Probleme mit hot module nachladen - dev-server. Ich bin mit dem dev-server auf port 3000 aber die Anwendung wird serviert von einem anderen port http://localhost:52024/. Dies ist der Fehler, ich bin immer (Chrome,

Webpack Dev-Server mit NGINX proxy_pass

1 Antworten

Ich versuche webpack-dev-server laufen in einem Docker-container dann Zugriff über einen NGINX-host. Die ersten index.html lädt aber die Web-Sockets-Verbindung zu den dev-server kann nicht hergestellt werden. VM47:35 WebSocket-Verbindung zu 'ws://Beispiel.com/sockjs-Knoten/834/izehemiu/websocket' Fehler: Fehler bei der WebSocket-handshake: Unexpected response

nginx node.js webpack webpack-dev-server websocket

Element Lader Liste haben sollte, 'loader' oder 'Lader' mit sass-loader webpack

1 Antworten

Habe ich diesen Lader in meinem webpack loader array: { test: /\.scss$/, exclude: /node_modules/, loaders: ExtractTextPlugin('style-loader', 'css-loader!sass-loader') } Ich versuche, webpack bauen meine SCSS zu CSS, aber ich bekomme diese Fehlermeldung: /Users/bli1/Development/Django/CL/cherngloong/cherngloong/cherngloong/node_modules/webpack/node_modules/webpack-core/lib/LoadersList.js:60 throw new Error("Element from loaders

loader sass webpack webpack-dev-server webpack-style-loader

Webpack, Reagieren, Babel - Nicht Beheben Modul

2 Antworten

Habe ich installiert reagieren-hot-loader und auf das Modul in der webpack.config.js. Jedoch, wenn ich versuche zu laufen webpack zum kompilieren des scripts bekomme ich eine Fehlermeldung. Siehe unten Screenshot. Könnte jemand bitte beraten, was das Problem sein

babeljs reactjs webpack webpack-dev-server

Aktivieren webpack hot-reload in einem docker-Anwendung

4 Antworten

Habe ich ein docker-app mit den folgenden Containern Knoten - source-code des Projekts. es dient der html-Seite befindet sich im öffentlichen Ordner. webpack - Uhren-Dateien in den Knoten container und aktualisiert die öffentlichen Ordner (aus der Knoten-container)

docker node.js webpack webpack-2 webpack-dev-server

die Fehlermeldung 'cannot find module' auf 'main.scss' mit Webpack, SASS, und Reagieren

5 Antworten

Wenn Sie versuchen, SCSS, um führen Sie das styling auf meinen Reagieren-Anwendung mit Webpack bin ich mit dem Fehler: Module not found: Error: Can't resolve 'style' in '/Users/sachinkaria/Workspace/GC' @ ./app/index.js 4:0-29 @ multi ./app/index.js' und in den

reactjs sass sass-loader webpack webpack-dev-server

Warum funktioniert meine Reagieren Komponente Export nicht funktioniert?

2 Antworten

War ich nur immer zu reagieren und zu versuchen, es aus für mich. Nach Stunden der Konfiguration webpack, nur um ein hello world auf meinem Bildschirm dachte ich, ich könnte jetzt gehen, aber nach dem Rendern eine

javascript reactjs webpack webpack-dev-server

html-webpack-plugin nicht Spritzen js-Datei in index.html bei der Verwendung von webpack-dev-server

3 Antworten

Hier ist mein webpack config : var path = require('path'); var webpack = require('webpack') var HtmlWebpackPlugin = require('html-webpack-plugin') var fs = require('fs'),buildPath='./dist/'; var folder_exists = fs.existsSync(buildPath); if(folder_exists == true) { require('shelljs/global') rm('-rf', 'dist') }; module.exports = {

html-webpack-plugin javascript vue.js webpack webpack-dev-server

webpack nicht erzeugen von source maps

3 Antworten

webpack.config.js const path = require('path'); const webpack = require('webpack'); module.exports = { entry: './src/index.js', plugins: [ new webpack.HotModuleReplacementPlugin() ], output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist') }, devServer: { hot: true, contentBase: path.join(__dirname, 'dist'), }, devtool: "source-map"

javascript webpack webpack-2 webpack-dev-server

Kann keine Bilder laden mit webpack dev server middleware

1 Antworten

Also ich habe in den letzten 24 Stunden und Optimiere meinen code und versucht, diese zu arbeiten und durchforstete SO und Google, aber kein Glück - vielleicht kann jemand helfen! Reagieren meine app läuft auf Express, aber

express node.js reactjs webpack webpack-dev-server

Wie zu verwenden noParse im webpack?

1 Antworten

Ausschließen will ich dies von meinem webpack-Datei, indem Sie diese Zeile code, die mir gegeben unten. noParse: /node_modules\/localforage\/dist\/localforage.js/, Aber egal was ich versuche ich es hält auf zu sagen Fehler, wie ReferenceError: Unknown plugin "add-module-Exporte" angegeben C:/..../node_modules\localforage\.babelrc

javascript node.js webpack webpack-dev-server

[email protected] erfordert ein peer webpack@^4.x.x aber keines installiert ist

1 Antworten

Habe ein wenig Probleme mit Reagieren. Weiß jemand wie ich das installieren kann, mit dem der peer webpack@^4.x.x? Dies ist der Fehler, bin ich empfangen, wenn ich versuche zu laufen webpack-dev-server in cmd. Es gibt einfach zurück,

javascript npm reactjs webpack webpack-dev-server

Wie zu verwenden Schluck webpack-stream zu generieren eine richtige Datei?

4 Antworten

Derzeit sind wir mit Webpack für unser Modul-loader, und Gulp für alles andere (sass -> css und der dev/production-build-Prozess) Möchte ich wickeln Sie das webpack Zeug zu schlucken, so alles, was ich tun müssen, ist geben Sie

gulp javascript webpack webpack-dev-server

webpack hot-Modul-Ersatz: css ohne refresh

5 Antworten

Bisher habe ich mit livereload, so dass, wenn ich ändern, JS, templates oder wird die Seite aktualisiert, und wenn ich CSS, es würde hotswap-die neue CSS ohne refresh. Ich versuche webpack jetzt und habe fast die selbe

webpack webpack-dev-server

webpack-dev-server-proxy-doesnt-Arbeit

3 Antworten

Möchte ich proxy /v1/* zu http://myserver.com, und hier ist mein Skript JS: devServer: { historyApiFallBack: true, //progress: true, hot: true, inline: true, //https: true, port: 8081, contentBase: path.resolve(__dirname, 'public'), proxy: { '/v1/*': { target: 'http://api.in.uprintf.com', secure: false

http-proxy webpack webpack-dev-server

Mit dem Webpack dev-server mit einer PHP-Anwendung

1 Antworten

Hatte hat jemand eine Erfahrung mit der installation webpack dev server auf Laravel 5+ (5.1 in meinem Fall)? Ich werde meine laravel PHP-backend mit ReactJS frontend-und ich möchte webpack dev-server auf meinem dev-env. Aber ich bin verwirrt

laravel-5 node.js reactjs webpack-dev-server

Kann nicht make bootstrap Arbeit mit Webpack

4 Antworten

Arbeite ich mit einem webpack-dev-server und ich bin versucht zu zählen bootstrap. Habe ich dieses Projekt Struktur: ── css │ └── bootstrap.min.css │── js | └── bootstrap.min.js ├── dist ├── index.html ├── package.json ├── server.js ├── src

javascript twitter-bootstrap webpack webpack-dev-server webpack-style-loader

Warum bin ich nicht in der Lage zu kompilieren SASS mit Webpack?

1 Antworten

Habe ich die folgenden Module, die in meinem Webpack config: module: { preLoaders: [ { test: /\.vue$/, loader: 'eslint', include: projectRoot, exclude: /node_modules/ }, { test: /\.js$/, loader: 'eslint', include: projectRoot, exclude: /node_modules/ } ], loaders: [

sass-loader vue.js webpack webpack-dev-server webpack-style-loader

Ändern der hart kodierte url-Konstanten für unterschiedliche Umgebungen über webpack

2 Antworten

Ich habe eine ApiCaller.js Modul zu erstellen, damit Anrufe an unsere api-server, um Informationen zu bekommen. Es hat const Feld API_URL die Punkte zu-server-url. Diese API_URL const änderungen für dev und prod Umgebungen. Also, wenn ich einsetzen

javascript webpack webpack-dev-server

Kann nicht / Fehler Hallo Welt im webpack

2 Antworten

Volle Github-Projekt: https://github.com/pbrianmackey/uiexperiment Ich laufen webpack-dev-server --content-base deployment/ Dann gehen Sie zu http://localhost:8080/ Fehler Nicht BEKOMMEN kann / Ich denke, das problem ist eine Fehlkonfiguration webpack. Ich checkte durch webpack.config.js Datei und nicht ein problem zu sehen.

reactjs webpack-dev-server

Konnte nicht gefunden preset "es2015" relativ zum Verzeichnis

4 Antworten

Ich ab Reagieren und Flux-Architektur mit den eierkopf.io-tutorial aber ich traf einige Probleme mit babel. Ich bin immer die Fehlermeldung, wenn Sie versuchen zu laufen, meine Anwendung mit webpack-dev-server. Hier ist der Fehler: ERROR in The node

babeljs ecmascript-6 webpack webpack-dev-server

Webpack dev-server hot-Modus funktioniert nicht

3 Antworten

Hier meine config: devServer: { contentBase: '/web/dist/', hot: true, stats: {colors: true}, inline: true } Und hier ist die gulp-task im Betrieb: gulp.task('build', ['clean', 'styles', 'bower', 'media', 'data', 'homepage'], function(done) { es6promise.polyfill(); console.log('STARTING DEV SERVER...'); server =

javascript webpack webpack-dev-server

Unterschied zwischen Produktion und Entwicklung bauen in ReactJS

2 Antworten

Vor kurzem habe ich angefangen zu lernen, zu reagieren, und ich sah ein tutorial, in dem Sie verwendet werden Webpack zu erstellen, die die Entwicklung und Produktion baut. Aber es war keine Erklärung, was der Unterschied zwischen

reactjs webpack webpack-dev-server

Wie man webpack weniger ausführlich?

11 Antworten

Diese ist Wes Craven ' s New Nightmare! Warum ich auch brauchen, diesem horror auf jedes bisschen ändern? Wie kann ich schalten Sie diese Benachrichtigungen?! InformationsquelleAutor Vitalii Korsakov | 2015-06-19

webpack webpack-dev-server

webpack nicht finden können Modul, wenn die Datei mit dem Namen jsx

6 Antworten

Als ich Schreibe webpack.config.js wie diese module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; Und in

reactjs webpack webpack-dev-server

Modul nicht gefunden: Error: Cannot resolve Modul 'fs'

2 Antworten

Mache ich ein reagieren-app mit Babel und Webpack und ich will das file-exists Paket von npm. Habe ich bereits installiert und gespeichert, das Paket als Abhängigkeit für mein Projekt. Nach dem ausführen von npm starten, bekomme ich

babel reactjs webpack webpack-dev-server

So fügen Sie eine js-Datei mit webpack?

2 Antworten

War ich der Lektüre dieses webpack tutorial: https://webpack.github.io/docs/usage.html Er sagt, es bündelt die src Dateien und node_modules. Wenn ich eine weitere hinzufügen möchten .js-Datei, wie kann ich dies tun? Dies ist ein thirdpartyjs Datei, die nicht Teil

javascript webpack webpack-dev-server

dienen public static files mit webpack

3 Antworten

Ich kämpfen, um webpack konfiguriert wie ich es haben möchte. Ich mein dev-server auf localhost:8080 und wollen, um zu dienen meine app durch localhost:8080/static/js/bundle.js und das ist es, was ich mit diesem webpack.config.js die Datei die ich

webpack webpack-dev-server

Webpack Befehl nicht gefunden

3 Antworten

Habe ich installiert webpack mit npm install -g webpack und npm install webpack Ich auch installiert webpack-dev-server npm install -g webpack-dev-server Nach Abschluss der installation, lief ich den Befehl webpack aber es zeigt folgende Fehlermeldung webpack: Befehl

npm npm-install webpack webpack-dev-server

Inhalte, die nicht von webpack wird serviert von /foo

1 Antworten

Ich kann nicht einfach starten Sie diesen server, ich lese die webpack-dev-server-docs. devServer: { contentBase: path.join(__dirname, "dist"), compress: true, port: 9000 } Den Beispiel-code sieht einfach aus,aber ich kann einfach nicht beginnen zu diesem server erfolgreich werden,egal

reactjs webpack webpack-dev-server

webpack bundle.js nicht gefunden

3 Antworten

Ich benutze webpack dev-server, aber kann keinen Zugriff auf meine bundle.js - Datei. Edit: ich bin mit das webpack config ohne bower-webpack-plugin. Paket.json { "name": "react_modules", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "start": "npm run

webpack webpack-dev-server

wie zu sagen, webpack, die nicht verkleinern und pack js-Dateien

1 Antworten

Bin ich mit vue-cli webpack boilerplate in dieser Adresse: vuejs-Vorlagen/webpack Ich will webpack nicht zu verkleinern und pack js-Dateien in dev Modus. wie kann es erreicht werden? das problem ist, dass wir haben eine riesige getestet asp.net

vue.js webpack webpack-dev-server

CORS Fehler auch nach der Einstellung der Access-Control-Allow-Origin auf der client-Seite

1 Antworten

Habe ich eine Vue Anwendung generiert, mit webpack-simple option. Ich bin versucht, ein GET Anfrage https://api.forismatic.com/api/1.0/?method=getQuote&format=json&lang=en aber ich bekomme die Fehlermeldung: XMLHttpRequest-Objekt kann nicht geladen werden https://api.forismatic.com/api/1.0/?method=getQuote&format=json&lang=en. Antwort auf preflight-Anfrage nicht passieren access control check: Keine 'Access-Control-Allow-Origin'

cors vue-resource vue.js webpack webpack-dev-server

Webpack dev-server nicht automatisch nachladen

4 Antworten

So, ich habe setup webpack und webpack-dev-server, aber webpack-dev-server keine auto-reload. Wenn ich eine Datei ändern und speichern, gibt es keine änderung im browser, bis ich manuell aktualisieren. Hier ist mein webpack config und meine Skript-Datei, die

javascript webpack webpack-dev-server

webpack-dev-server kann localhost nicht finden

6 Antworten

Ich versuche, um loszulegen mit Reagieren mit webpack, sondern laufen in eine Fehlermeldung, wenn ich versuche zum einrichten webpack-dev-server. Ich lief npm install webpack-dev-server gefolgt von webpack-dev-server und die Befehlszeile gibt die folgenden: events.js:154 throw er; //Unhandled

localhost mamp npm webpack webpack-dev-server

Wie laufen Webpack Dev-Server --https --hot --inline

3 Antworten

Gibt es eine Möglichkeit zu nutzen, läuft die webpack-dev-server auf https bei der Konfiguration über CLI? Das problem ist das die Verbindung zu socket.io ist über http und nicht https. Eine Problemumgehung vorhanden ist, aber es ist

webpack webpack-dev-server

Wie Sie css-Dateien in Vue 2

3 Antworten

Ich bin neu in vue js und versuchen zu lernen. Ich installierte eine neue, frische version von vue webpack in meinem system. Ich habe ein css, js und Bilder zu diesem Thema Vorlage, die ich einschließen möchten,

vue.js vuejs2 webpack webpack-dev-server

FEHLER in multi (webpack)-dev-server/ - client

3 Antworten

Ich bin neu webpack /reactjs, Folgen Sie einfach dem tutorial hier: https://www.tutorialspoint.com/reactjs/reactjs_environment_setup.htm Dann, nachdem ich "npm start", ich erhielt den Fehler: ERROR in multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./main.js Module not found: Error: Can't resolve 'babel' in '/var/www/jay/reactjs/react-app' BREAKING

node.js webpack webpack-dev-server

Reagieren.createElement: Typ ungültig ist — erwartet einen string, aber bekam: Objekt

2 Antworten

Ich habe nur ein Upgrade auf Webpack 2.2 heute und gab es zu Lesen, durch Ihre Führer, die sind immer noch ein work in progress, so scheint es. Ich habe Probleme bei der Einrichtung meiner Anwendung zu

react-router reactjs redux webpack webpack-dev-server

Konfigurieren webpack dev-server mit router reagieren dom v4?

2 Antworten

Dies ist der code von meinem webpack-Konfiguration: const compiler = webpack({ entry: ['whatwg-fetch', path.resolve(__dirname, 'js', 'app.js')], module: { loaders: [ { exclude: /node_modules/, test: /\.js$/, loader: 'babel', }, ], }, output: {filename: 'app.js', path: '/'}, }); const

react-router react-router-v4 reactjs webpack webpack-dev-server

EXCEPTION: Uncaught (Versprechen): Error: Cannot find module 'app/home/home.Modul"

5 Antworten

Ich versuche zu lazy load Winkel-2 Module mit dem router, und ich habe diesen Fehler: error_handler.js:50 EXCEPTION: Uncaught (Versprechen): Error: Cannot find module 'app/home/home.Modul' Ich habe versucht, alle Antworten, die scheint zu funktionieren für andere, wie dieses,

angular angular-cli angular2-routing lazy-loading webpack-dev-server

Einrichten webpack laufen lokal auf eine benutzerdefinierte domain über HTTPS

1 Antworten

Um ein Modul verwenden, die ich integrieren will in meiner Anwendung (ich bin lokal entwickeln), habe ich zwei Dinge zu tun: 1) meine Anwendung lokal auf HTTPS. 2) Führen Sie die Anwendung mit einer bestimmten Domäne. Diese

javascript localhost reactjs webpack webpack-dev-server

wie kann ich verhindern, webpack dev-server aus der windows-Konsole?

8 Antworten

Ich laufen webpack-dev-server von windows-Konsole mit dem Befehl: webpack-dev-server-content-base ./build --inline --hot danach sehe ich Nachricht webpack: bundle is now VALID. und ich können nicht eingeben, was es. Aber wenn ich etwas ändern webpack.config.js ich habe zum

javascript webpack webpack-dev-server windows-console

Error ` - Fenster nicht definiert` Node.js

5 Antworten

Ich weiß window existiert nicht in Node.js aber ich bin mit der Reaktion und den gleichen code auf client und server. Jede Methode, die ich verwenden, um zu überprüfen, ob window existiert Netze zu mir: Uncaught ReferenceError:

node.js reactjs webpack webpack-dev-server

Webpack Fehler Nicht Beheben Datei oder Verzeichnis

3 Antworten

Bin ich immer diese Fehlermeldung wenn ich npm start mein webpack-dev-server: ERROR in multi main Module not found: Error: Cannot resolve 'file' or 'directory' /var/www/html/151208-DressingAphrodite/app in /var/www/html/151208-DressingAphrodite @ multi main Hier ist meine webpack.config.js: var path =

javascript node.js npm-liveserver webpack webpack-dev-server

Modul nicht gefunden: Error: Cannot resolve Modul "server"

4 Antworten

Ich versuche es mal mit webpack verwalten Sie Dateien in meinem Projekt. Ich benutze webpack-dev-server und bower-webpack-plugin. Bei mir laufen server, bekomme ich Fehler in der browser-Konsole. Modul nicht gefunden: Error: Cannot resolve Modul 'server' webpack.config.js const

webpack webpack-dev-server

"Ungültiger Host-Header" Beim ausführen von App Reagieren

3 Antworten

Ich bin mit einem einfachen Projekt zu Reagieren JS, und ich bin in der Bereitstellung von OSE. Auch ich bin mit unten Abhängigkeiten im Projekt. "webpack": "^2.2.0", "webpack-dev-server": "^1.14.1", "react": "^15.5.4", "react-router-dom": "^4.1.1" auch ich bin mit

deployment react-router reactjs webpack webpack-dev-server

Proxy-Anfragen zu einem separaten back-End-server mit vue-cli

2 Antworten

Ich bin mit vue-cli webpack-simple Vorlage für die Erstellung meiner Projekte, und ich möchte die proxy-Anfragen in einer separaten back-End-server. Wie kann dies einfach erreicht werden? Ich habe nicht wirklich einen genauen Blick auf vue-cli's boilerplate und

vue.js webpack webpack-dev-server

Webpack hmr: __webpack_hmr 404 nicht gefunden

2 Antworten

Ich bin mit der webpack-dev-server für hot-Modul-Ersatz. Es funktioniert ganz gut, aber dieser Fehler hält, zeigt sich in der Konsole alle paar Sekunden: GET http://mysite:8080/__webpack_hmr 404 (Not Found). Hier ist meine webpack.config.js: var webpack = require('webpack'), hostname

webpack webpack-dev-server

Wie verwenden von VS Code-debugger mit webpack-dev-server (breakpoints ignoriert)

2 Antworten

Mein problem ist einfach. Machen ich will nur VS-Code-debugger Arbeit mit webpack-dev-server ohne meine Haltepunkte. Nun, webpack-dev-server dient der gebündelten Dateien aus dem Speicher, während, wenn verstehe ich das richtig, der VS-Code-debugger sucht Sie auf der Festplatte

debugging visual-studio-code webpack webpack-dev-server