Questions tagged [webpack-dev-server]
Introducing a cutting-edge server utilizing Node.js, specifically designed to offer seamless live reloading functionality for effortless development of applications powered by webpack technology.
I have been using create-react-app to develop reusable React components that can be easily imported into other projects. To generate these files, I am utilizing Gulp along with gulp-sourcemaps and gulp-babel: gulp.task("build:lib", function () { let js = ...
I'm facing issues nesting a path within another path in react-router-dom version 6. When I try to visit the nested argument's page (/blog/1), it shows up as a blank non-styled HTML page. However, when I add a child path to the root like /blog, it ...
Encountering an issue with github.com/facebook/create-react-app, particularly when proxying the webpack-dev-server with a custom server. While HTTP requests work fine, WebSocket requests fail with this specific error: WebSocket connection to 'ws://localh ...
This is the layout that I am attempting to replicate (originally from react-boilerplate): component |Footer |style.css |Footer.js In Footer.js, the styles are imported in a very elegant manner like this: import React from 'react'; import A fro ...
Struggling with a React tutorial, I've encountered an issue trying to start the web-dev-server on my laptop. Surprisingly, it works seamlessly on my desktop. However, since I need to work on my laptop, any assistance in troubleshooting this problem wo ...
THE ISSUE AT HAND I have a Quasar CLI (Webpack) setup for my app, and everything runs smoothly in SPA mode. However, when I switch to SSR, an unexpected issue arises. The Vue Router redirect from path "/"" to "/index" does not function as expected. Instea ...
When setting the env variable in the start command within the package.json file, here is an example: package.json "scripts": { "start": "webpack-dev-server --config ./webpack.config.config.dev.js --env.mode=dev --port 4200&quo ...
While working on a project using the vue-cli and the Webpack template, I am facing some difficulties with setting up a custom host. Currently, Webpack is listening to localhost:8080, but I need it to work with a custom domain like . Has anyone found a solu ...
I need assistance setting up a proxy using WebpackDevServer in my React/Node chrome extension. Currently, my server is running on localhost:4000, and the React frontend is on localhost:5000. When trying to access the route /api/user/ticket using Axios, I ...
Hey there, this message pops up when attempting to execute the following command: npm install compression-webpack-plugin Here is the accompanying error: `PS D:phaser gamesgame-slot-machine> npm install compression-webpack-plugin npm ERR! code ERESO ...
I encountered some issues with my fluxible project. After deleting all files in node_modules and reinstalling using npm install -d, I am now getting errors when trying to run the project with npm run dev. The command I am using is node webpack-dev-server.j ...
Currently, I am in the process of developing a ReactJS-App that is connected to a PHP backend. To streamline my workflow, I have MAMP set up on my local machine with a virtual host pointing to the root of my project, and I utilize webpack for bundling my R ...
I'm currently utilizing Vue JS with the webpack template and dev mode. I have a question regarding how to configure my server to allow for both HTTPS and HTTP protocols simultaneously. I understand that enabling HTTPS can be done by simply adding "ht ...
I'm attempting to implement dynamic imports using React.lazy. The code is fairly straightforward: import React, { Component, Suspense, lazy } from 'react'; const LazyComponent = lazy(() => { return import('./lazy'); }); class Main extends Compone ...
I have been experiencing a recurring issue with Vagrant machines and npm. Without warning, files within the file-system suddenly switch to being read-only. Every instance involves a synced directory that contains a Git repository. Below is a provision set ...
I encountered a 404 not found error while attempting to load the HTML page using webpack. Here are my configurations: Webpack.config.js: const path = require('path'); module.exports= { devServer: { // contentBase static : { ...
Currently developing a project using React, Babel, and Webpack on the front end. Need to find a secure way to store and access API keys for the project. Considering storing API keys in the .env file, which is listed in .gitignore to keep it private. Howe ...
I am currently developing a React application using webpack and typescript. I have integrated the dependency react-financial-charts into my project, and it is properly specified in the package.json. Inside the node_modules directory, there are two folders ...
While working on my Vue project in my local environment (running the npm run dev command), I encountered an issue. When the first page loads, there are no errors. However, upon hitting the refresh button, the console displays a "SyntaxError: expected expre ...
As a newcomer to npm and web-pack-dev server, I recently dove into creating a ReactJs app using nmp and webpack. Initially, everything ran smoothly - whenever I saved content, it would automatically refresh and reload in the browser. However, the next da ...
Currently in the process of upgrading from material-ui v0.19.1 to v1.0.0-beta.20. Initially, everything seems fine as Webpack dev server compiles successfully upon boot. However, upon making the first change, Node throws an Out of Memory error with the fol ...
I'm curious about how to detect the NODE_ENV variable within an electron main file. My goal is to dynamically set the loadURL to either localhost:8080 if NODE_ENV === 'dev' or /dist/index.html if not. This is important as I want to leverage ...
Every time I execute npm start, the same "error" message pops up saying "No production canister_ids.json found. Continuing with local" Initially, there appeared to be a proxy issue that was visible in the browser console. I was able to resolve it by makin ...
Trying to install webpack-dev-server but it requires the latest version of nodejs. I am using Ubuntu 20.04 and attempted to update with nvm, which did not work. Following this Q&A answer here, I then tried to install nodejs using sudo apt-get install ...
An error occurred: Plugin could not be registered at 'html-webpack-plugin-before-html-processing'. The hook was not found. BREAKING CHANGE: There must be a hook at 'this.hooks'. To create a compatibility layer for this hook, hook into & ...
I recently inherited a React project that is hosted on Azure DevOps. I cloned the local repository and now need to downgrade the npm and node versions to the following: [email protected] [email protected] After successfully installing modul ...
In my current project, I am incorporating Semantic UI with React and utilizing Webpack for the build process. Below is my Webpack configuration: module.exports = { entry: [ './src/index.js' ], output: { path: __dirname, public ...
I recently completed my first React app on my desktop, and after cleaning up my PC due to slowness issues, I encountered an error when trying to run the app again. When I typed "npm start" in the command line, I got the following error message: Error: Ca ...
I'm currently facing an issue with setting up the webpack-dev-server proxy configuration to route api requests to an external domain. Despite my efforts, I am unable to get it to function properly. Below is my configuration: var path = require(&apos ...
Currently, I am utilizing the InMemoryWebApiModule to simulate my data during development, but I want to prevent it from being used in a production environment. Is there a method to exclude it from being used in production on webpack? I have been attempt ...
Before sharing this issue, I conducted a thorough investigation to ensure accuracy. Here is the problem: - Currently using webpack v4.6.0 and webpack-dev-server v3.1.3 - Although they function well together, when attempting to set up source maps for my ap ...
Encountering an error while trying to start the webpack dev server with the command provided below. Despite suggestions that it could be due to outdated webpack versions, I am confident that all components are up to date: [email protected] [email ...
After running the command below, it appears that jsxhint is analyzing the compiled files by webpack: webpack-dev-server --devtool eval --colors --progress --content-base ./build The warnings I receive are as follows: const '$__0' has already been decl ...
Everything was running smoothly with my project for a few months. I could easily execute npm run serve without any issues, even when switching networks. But now, no matter what I do, I can't seem to get the server to start again. The error message I'm rece ...
Out of the blue, Webpack has thrown this error: Error: webpack.validateSchema is not defined Everything was running smoothly on Friday, but today it's not working. No new changes have been made to the master branch since Friday. Tried pruning NPM to n ...
I'm having trouble figuring out how to pass multiple environment variables to webpack. I've been attempting to execute the script below, but it doesn't seem to be working: "cross-env NODE_ENV=production DTM_ENV=staging webpack --config ...
I've been attempting to launch an application using React, Webpack, and webpack-dev-server on Windows. My setup includes Node v8.9.4 Npm v5.6.0 Webpack v3.11.0 Webpack-dev-server v2.9.1. The command I use to start the app is: "start": "webpack-dev-server ...
My application operates within the subdirectory http://localhost:8080/admin_suffix The variable suffix is an ENV variable that I can modify and define in a .env file. After starting the webpack dev server, accessing http://localhost:8080/admin_suffix fun ...
I’m currently using react-app-rewired and I am trying to figure out how to turn off the overlay that displays Typescript warnings whenever I compile. It seems like some warnings that are not caught by the VSCode Typescript checker pop up on this overlay ...
Is there a way to easily track and summarize all of my live CSS changes in the Chrome browser? I've searched on Stack Overflow, but haven't found a solution that works for me. This specific answer seems like it could be the most helpful for achieving what ...
Help! I'm struggling with a React issue and need some assistance. I've searched through various posts but haven't found a solution yet, so I'm turning to you for help. I am working with simple React on a webpack-dev-server, and when trying to set up preac ...
I am currently working on a web application project where I plan to store all HTML, JavaScript, and CSS files on Amazon S3. My goal is to communicate with a RESTful server through an API. I am aiming to implement lazy loading, and potentially utilize rout ...
I'm looking for a solution to set up a proxy in an AngularCLI/Webpack environment. The main goal is to forward requests from http://localhost:4200/rest to https://someserver.com/somepath/rest. One challenge is that the endpoint is using HTTPS instead of H ...