Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Special characters [ ] in the project folder name will break devserver hot-reload #2179

Closed
3 tasks done
sandervspl opened this issue Feb 22, 2021 · 0 comments · Fixed by #2211
Closed
3 tasks done

Comments

@sandervspl
Copy link

sandervspl commented Feb 22, 2021

⚠️ IMPORTANT ⚠️ Please check the following list before proceeding. If you ignore this issue template, your issue will be directly closed.

  • Read the docs.
  • Use Vite >=2.0. (1.x is no longer supported)
  • If the issue is related to 1.x -> 2.0 upgrade, read the Migration Guide first.

Describe the bug

When the project folder contains the following characters: [ ] it will break the hot-reload feature of the devserver. I have not tested any other characters.

Reproduction

  • run npm init @vitejs/app
  • name the project anything with these characters [ ] i.e. vite-name [test]
  • run devserver with npm run dev
  • edit src/App.tsx and it will not hot-reload

System Info

  • vite version: 2.0.0
  • Operating System: Mac OSX 10.15.6
  • Node version: 14.7.0
  • Package manager (npm/yarn/pnpm) and version: npm 7.5.2

Logs (Optional if provided reproduction)

  1. Run vite or vite build with the --debug flag.
  2. Provide the error log here.
  > vite --debug

  vite:config bundled config file loaded in 112ms +0ms
  vite:config using resolved config: {
  vite:config   plugins: [
  vite:config     'vite:pre-alias',
  vite:config     'alias',
  vite:config     'react-refresh',
  vite:config     'vite:dynamic-import-polyfill',
  vite:config     'vite:resolve',
  vite:config     'vite:html',
  vite:config     'vite:css',
  vite:config     'vite:esbuild',
  vite:config     'vite:json',
  vite:config     'vite:wasm',
  vite:config     'vite:worker',
  vite:config     'vite:asset',
  vite:config     'vite:define',
  vite:config     'vite:css-post',
  vite:config     'vite:client-inject',
  vite:config     'vite:import-analysis'
  vite:config   ],
  vite:config   server: {},
  vite:config   configFile: '/Users/sandervispoel/Documents/personal/vite-name [test]/vite.config.ts',
  vite:config   inlineConfig: {
  vite:config     root: undefined,
  vite:config     base: undefined,
  vite:config     mode: undefined,
  vite:config     configFile: undefined,
  vite:config     logLevel: undefined,
  vite:config     clearScreen: undefined,
  vite:config     server: {}
  vite:config   },
  vite:config   root: '/Users/sandervispoel/Documents/personal/vite-name [test]',
  vite:config   base: '/',
  vite:config   resolve: { dedupe: undefined, alias: [ [Object] ] },
  vite:config   publicDir: '/Users/sandervispoel/Documents/personal/vite-name [test]/public',
  vite:config   command: 'serve',
  vite:config   mode: 'development',
  vite:config   isProduction: false,
  vite:config   optimizeCacheDir: '/Users/sandervispoel/Documents/personal/vite-name [test]/node_modules/.vite',
  vite:config   build: {
  vite:config     target: [ 'es2019', 'edge16', 'firefox60', 'chrome61', 'safari11' ],
  vite:config     polyfillDynamicImport: true,
  vite:config     outDir: 'dist',
  vite:config     assetsDir: 'assets',
  vite:config     assetsInlineLimit: 4096,
  vite:config     cssCodeSplit: true,
  vite:config     sourcemap: false,
  vite:config     rollupOptions: {},
  vite:config     commonjsOptions: { include: [Array], extensions: [Array] },
  vite:config     minify: 'terser',
  vite:config     terserOptions: {},
  vite:config     cleanCssOptions: {},
  vite:config     write: true,
  vite:config     emptyOutDir: null,
  vite:config     manifest: false,
  vite:config     lib: false,
  vite:config     ssr: false,
  vite:config     ssrManifest: false,
  vite:config     brotliSize: true,
  vite:config     chunkSizeWarningLimit: 500
  vite:config   },
  vite:config   env: { BASE_URL: '/', MODE: 'development', DEV: true, PROD: false },
  vite:config   assetsInclude: [Function: assetsInclude],
  vite:config   logger: {
  vite:config     hasWarned: false,
  vite:config     info: [Function: info],
  vite:config     warn: [Function: warn],
  vite:config     error: [Function: error],
  vite:config     clearScreen: [Function: clearScreen]
  vite:config   },
  vite:config   createResolver: [Function: createResolver]
  vite:config } +3ms
  vite:deps Crawling dependencies using entries:
  vite:deps   /Users/sandervispoel/Documents/personal/vite-name [test]/index.html +0ms
  vite:resolve 1ms   /src/main.tsx -> /Users/sandervispoel/Documents/personal/vite-name [test]/src/main.tsx +0ms
  vite:resolve 3ms   react -> /Users/sandervispoel/Documents/personal/vite-name [test]/node_modules/react/index.js +7ms
  vite:resolve 1ms   react-dom -> /Users/sandervispoel/Documents/personal/vite-name [test]/node_modules/react-dom/index.js +2ms
  vite:resolve 1ms   ./App -> /Users/sandervispoel/Documents/personal/vite-name [test]/src/App.tsx +2ms
  vite:deps Scan completed in 86ms: {
  react: '/Users/sandervispoel/Documents/personal/vite-name [test]/node_modules/react/index.js',
  'react-dom': '/Users/sandervispoel/Documents/personal/vite-name [test]/node_modules/react-dom/index.js'
} +57ms
Pre-bundling dependencies:
  react
  react-dom
(this will be run only when your dependencies or config have changed)
  vite:resolve 0ms   object-assign -> null +0ms
  vite:resolve 1ms   object-assign -> /Users/sandervispoel/Documents/personal/vite-name [test]/node_modules/object-assign/index.js +0ms
  vite:resolve 0ms   scheduler -> null +39ms
  vite:resolve 1ms   scheduler -> /Users/sandervispoel/Documents/personal/vite-name [test]/node_modules/scheduler/index.js +38ms
  vite:resolve 0ms   scheduler/tracing -> null +2ms
  vite:resolve 1ms   scheduler/tracing -> /Users/sandervispoel/Documents/personal/vite-name [test]/node_modules/scheduler/tracing.js +2ms
  vite:deps deps bundled in 109ms +0ms

 ⚡ Vite dev server running at:

  > Local:    http://localhost:3000/
  > Network:  http://192.168.3.8:3000/

  ready in 495ms.

  vite:time 0ms   / +0ms
  vite:spa-fallback Rewriting GET / to /index.html +0ms
  vite:time 15ms  /index.html +304ms
  vite:resolve 1ms   /Users/sandervispoel/Documents/personal/vite-name [test]/node_modules/vite/dist/client/client -> /Users/sandervispoel/Documents/personal/vite-name [test]/node_modules/vite/dist/client/client.js +0ms
  vite:resolve 2ms   /@vite/client -> /Users/sandervispoel/Documents/personal/vite-name [test]/node_modules/vite/dist/client/client.js +0ms
  vite:load 6ms   [fs] /@vite/client +0ms
  vite:resolve 1ms   ./env -> /Users/sandervispoel/Documents/personal/vite-name [test]/node_modules/vite/dist/client/env.js +15ms
  vite:resolve 0ms   /node_modules/vite/dist/client/env.js -> /Users/sandervispoel/Documents/personal/vite-name [test]/node_modules/vite/dist/client/env.js +0ms
  vite:transform 7ms   /@vite/client +0ms
  vite:time 19ms  /@vite/client +209ms
  vite:resolve 1ms   /src/main.tsx -> /Users/sandervispoel/Documents/personal/vite-name [test]/src/main.tsx +4ms
  vite:load 15ms  [fs] /src/main.tsx +29ms
  vite:resolve 0ms   react -> /Users/sandervispoel/Documents/personal/vite-name [test]/node_modules/.vite/react.js?v=b2f346b7&es-interop +467ms
  vite:resolve 0ms   /node_modules/.vite/react.js?v=b2f346b7&es-interop -> /Users/sandervispoel/Documents/personal/vite-name [test]/node_modules/.vite/react.js?v=b2f346b7&es-interop +1ms
  vite:resolve 0ms   react-dom -> /Users/sandervispoel/Documents/personal/vite-name [test]/node_modules/.vite/react-dom.js?v=b2f346b7&es-interop +4ms
  vite:resolve 1ms   /node_modules/.vite/react-dom.js?v=b2f346b7&es-interop -> /Users/sandervispoel/Documents/personal/vite-name [test]/node_modules/.vite/react-dom.js?v=b2f346b7&es-interop +1ms
  vite:resolve 1ms   ./index.css -> /Users/sandervispoel/Documents/personal/vite-name [test]/src/index.css +1ms
  vite:resolve 0ms   /src/index.css -> /Users/sandervispoel/Documents/personal/vite-name [test]/src/index.css +1ms
  vite:resolve 0ms   ./App -> /Users/sandervispoel/Documents/personal/vite-name [test]/src/App.tsx +1ms
  vite:resolve 0ms   /src/App.tsx -> /Users/sandervispoel/Documents/personal/vite-name [test]/src/App.tsx +0ms
  vite:resolve 0ms   /node_modules/.vite/react.js?v=b2f346b7 -> /Users/sandervispoel/Documents/personal/vite-name [test]/node_modules/.vite/react.js?v=b2f346b7 +1ms
  vite:resolve 0ms   /node_modules/.vite/react-dom.js?v=b2f346b7 -> /Users/sandervispoel/Documents/personal/vite-name [test]/node_modules/.vite/react-dom.js?v=b2f346b7 +0ms
  vite:transform 458ms /src/main.tsx +480ms
  vite:time 479ms /src/main.tsx +480ms
  vite:load 0ms   [plugin] /@react-refresh +462ms
  vite:rewrite 1ms   [no imports] /@react-refresh +0ms
  vite:transform 2ms   /@react-refresh +3ms
  vite:time 2ms   /@react-refresh +3ms
  vite:load 19ms  [fs] /node_modules/vite/dist/client/env.js +5ms
  vite:rewrite 0ms   [no imports] node_modules/vite/dist/client/env.js +21ms
  vite:transform 12ms  /node_modules/vite/dist/client/env.js +22ms
  vite:time 40ms  /node_modules/vite/dist/client/env.js +24ms
  vite:load 11ms  [fs] /node_modules/.vite/react.js?v=b2f346b7 +80ms
  vite:resolve 0ms   ./chunk.BG2CSWT3.js -> /Users/sandervispoel/Documents/personal/vite-name [test]/node_modules/.vite/chunk.BG2CSWT3.js +89ms
  vite:resolve 1ms   /node_modules/.vite/chunk.BG2CSWT3.js?v=b2f346b7 -> /Users/sandervispoel/Documents/personal/vite-name [test]/node_modules/.vite/chunk.BG2CSWT3.js?v=b2f346b7 +1ms
  vite:transform 2ms   /node_modules/.vite/react.js?v=b2f346b7 +64ms
  vite:time 26ms  /node_modules/.vite/react.js?v=b2f346b7 +63ms
  vite:load 14ms  [fs] /src/index.css +5ms
  vite:load 17ms  [fs] /src/App.tsx +11ms
  vite:resolve 0ms   ./logo.svg -> /Users/sandervispoel/Documents/personal/vite-name [test]/src/logo.svg +157ms
  vite:resolve 14ms  /src/logo.svg -> /Users/sandervispoel/Documents/personal/vite-name [test]/src/logo.svg +16ms
  vite:resolve 4ms   ./App.css -> /Users/sandervispoel/Documents/personal/vite-name [test]/src/App.css +5ms
  vite:resolve 1ms   /src/App.css -> /Users/sandervispoel/Documents/personal/vite-name [test]/src/App.css +2ms
  vite:hmr [self-accepts] src/App.tsx +0ms
  vite:transform 268ms /src/App.tsx +286ms
  vite:time 294ms /src/App.tsx +286ms
  vite:resolve 3ms   /service-worker.js -> null +127ms
  vite:spa-fallback Not rewriting GET /service-worker.js because the path includes a dot (.) character. +1s
  vite:time 7ms   /service-worker.js +24ms
  vite:load 356ms [fs] /node_modules/.vite/react-dom.js?v=b2f346b7 +330ms
  vite:transform 35ms  /node_modules/.vite/react-dom.js?v=b2f346b7 +143ms
  vite:time 496ms /node_modules/.vite/react-dom.js?v=b2f346b7 +171ms
  vite:hmr [self-accepts] src/index.css +366ms
  vite:transform 542ms /src/index.css +117ms
  vite:time 559ms /src/index.css +64ms
  vite:time 15ms  /src/favicon.svg +114ms
  vite:spa-fallback Not rewriting GET /service-worker.js because the path includes a dot (.) character. +1s
  vite:time 2ms   /service-worker.js +648ms
  vite:load 1ms   [fs] /node_modules/.vite/chunk.BG2CSWT3.js?v=b2f346b7 +2s
  vite:rewrite 1ms   [no imports] node_modules/.vite/chunk.BG2CSWT3.js?v=b2f346b7 +2s
  vite:transform 1ms   /node_modules/.vite/chunk.BG2CSWT3.js?v=b2f346b7 +2s
  vite:time 7ms   /node_modules/.vite/chunk.BG2CSWT3.js?v=b2f346b7 +1s
  vite:load 1ms   [plugin] /src/logo.svg +189ms
  vite:rewrite 0ms   [no imports] src/logo.svg +186ms
  vite:transform 0ms   /src/logo.svg +186ms
  vite:time 2ms   /src/logo.svg?import +184ms
  vite:load 3ms   [fs] /src/App.css +8ms
  vite:hmr [self-accepts] src/App.css +2s
  vite:transform 0ms   /src/App.css +8ms
  vite:time 4ms   /src/App.css +8ms
  vite:time 2ms   /src/logo.svg +327ms
  vite:spa-fallback Not rewriting GET /service-worker.js because the path includes a dot (.) character. +2s
  vite:time 4ms   /service-worker.js +502ms```
@sandervspl sandervspl changed the title Special characters [ ] will break devserver hot-reload Special characters [ ] in the project folder name will break devserver hot-reload Feb 22, 2021
@github-actions github-actions bot locked and limited conversation to collaborators Jul 16, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant