vuejs-templates/webpack

Warn if project path contains characters that cause problems with HMR

Open

#679 opened on Apr 19, 2017

View on GitHub
 (2 comments) (0 reactions) (0 assignees)JavaScript (9,721 stars) (4,466 forks)batch import
enhancementhelp wanted

Description

Not so much an issue, just a nice to have future feature change - potentially not possible, depends on how hot reloading currently happens.

Summary of the issue;

If your directory, ex. "My App" has a space hot reload doesn't work. You instead have to call it "my_app", "my-app" etc etc.

A nice MVP fix for this would be that when you run npm run dev, you get a console warning that hot reload won't work whilst there is a space in the dir name.

Contributor guide

Tech stack
javascriptvue
Domain
frontendbuild system
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
Node.js basicsVue.js basics
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
The feature involves adding a runtime check during `npm run dev` to detect spaces in the project path. Look at the webpack template's dev script (likely in package.json scripts) and the webpack dev server configuration. The goal is to print a console warning if the path contains spaces. Since the repo is archived, consider whether this feature is still needed in current Vue scaffolding tools.