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

Sourcemap for "xxx" points to missing source files, while inject script.src to index.html #16695

Closed
7 tasks done
s3xysteak opened this issue May 16, 2024 · 3 comments
Closed
7 tasks done
Labels
invalid This doesn't seem right

Comments

@s3xysteak
Copy link

s3xysteak commented May 16, 2024

Describe the bug

I want to external a lib, and inject the bundle in index.html by transformIndexHtml hook.
When I do that, the app works well but server logged a warn :

Sourcemap for "foo/bar.js" points to missing source files

In the reproduction I use ceisum lib because it provide a iife bundle with sourcemap so I can reproduce this issue.

Reproduction

https://github.com/s3xysteak/vite-reproduction-sourcemap-miss

Steps to reproduce

  1. pnpm i
  2. pnpm dev
  3. Click the link to make it run in brower.

Then you will find the warning throwed by vite server.

System Info

System:
    OS: Windows 11 10.0.22631
    CPU: (20) x64 13th Gen Intel(R) Core(TM) i5-13500HX
    Memory: 5.33 GB / 15.73 GB
  Binaries:
    Node: 20.11.1 - ~\AppData\Local\fnm_multishells\2724_1715876072969\node.EXE
    npm: 10.2.4 - ~\AppData\Local\fnm_multishells\2724_1715876072969\npm.CMD
    pnpm: 9.1.1 - ~\AppData\Local\pnpm\pnpm.CMD
  Browsers:
    Edge: Chromium (123.0.2420.97)
    Internet Explorer: 11.0.22621.3527

Used Package Manager

pnpm

Logs

Click to expand!
  vite:config bundled config file loaded in 33.30ms +0ms
  vite:config using resolved config: {
  vite:config   plugins: [
  vite:config     'vite:optimized-deps',
  vite:config     'vite:watch-package-data',
  vite:config     'vite:pre-alias',
  vite:config     'alias',
  vite:config     'vite:modulepreload-polyfill',
  vite:config     'vite:resolve',
  vite:config     'vite:html-inline-proxy',
  vite:config     'vite:css',
  vite:config     'vite:esbuild',
  vite:config     'vite:json',
  vite:config     'vite:wasm-helper',
  vite:config     'vite:worker',
  vite:config     'vite:asset',
  vite:config     'test',
  vite:config     'vite:wasm-fallback',
  vite:config     'vite:define',
  vite:config     'vite:css-post',
  vite:config     'vite:worker-import-meta-url',
  vite:config     'vite:asset-import-meta-url',
  vite:config     'vite:dynamic-import-vars',
  vite:config     'vite:import-glob',
  vite:config     'vite:client-inject',
  vite:config     'vite:css-analysis',
  vite:config     'vite:import-analysis'
  vite:config   ],
  vite:config   optimizeDeps: {
  vite:config     holdUntilCrawlEnd: true,
  vite:config     force: undefined,
  vite:config     esbuildOptions: { preserveSymlinks: false }
  vite:config   },
  vite:config   server: {
  vite:config     preTransformRequests: true,
  vite:config     host: undefined,
  vite:config     sourcemapIgnoreList: [Function: isInNodeModules$1],
  vite:config     middlewareMode: false,
  vite:config     fs: {
  vite:config       strict: true,
  vite:config       allow: [Array],
  vite:config       deny: [Array],
  vite:config       cachedChecks: undefined
  vite:config     }
  vite:config   },
  vite:config   build: {
  vite:config     target: [ 'es2020', 'edge88', 'firefox78', 'chrome87', 'safari14' ],
  vite:config     cssTarget: [ 'es2020', 'edge88', 'firefox78', 'chrome87', 'safari14' ],
  vite:config     outDir: 'dist',
  vite:config     assetsDir: 'assets',
  vite:config     assetsInlineLimit: 4096,
  vite:config     cssCodeSplit: true,
  vite:config     sourcemap: false,
  vite:config     rollupOptions: { external: [Array] },
  vite:config     minify: 'esbuild',
  vite:config     terserOptions: {},
  vite:config     write: true,
  vite:config     emptyOutDir: null,
  vite:config     copyPublicDir: true,
  vite:config     manifest: false,
  vite:config     lib: false,
  vite:config     ssr: false,
  vite:config     ssrManifest: false,
  vite:config     ssrEmitAssets: false,
  vite:config     reportCompressedSize: true,
  vite:config     chunkSizeWarningLimit: 500,
  vite:config     watch: null,
  vite:config     commonjsOptions: { include: [Array], extensions: [Array] },
  vite:config     dynamicImportVarsOptions: { warnOnError: true, exclude: [Array] },
  vite:config     modulePreload: { polyfill: true },
  vite:config     cssMinify: true
  vite:config   },
  vite:config   configFile: 'E:/Code/test/vite-reproduction-sourcemap-miss/vite.config.ts',
  vite:config   configFileDependencies: [ 'E:/Code/test/vite-reproduction-sourcemap-miss/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     optimizeDeps: { force: undefined },
  vite:config     server: { host: undefined }
  vite:config   },
  vite:config   root: 'E:/Code/test/vite-reproduction-sourcemap-miss',
  vite:config   base: '/',
  vite:config   rawBase: '/',
  vite:config   resolve: {
  vite:config     mainFields: [ 'browser', 'module', 'jsnext:main', 'jsnext' ],
  vite:config     conditions: [],
  vite:config     extensions: [
  vite:config       '.mjs',  '.js',
  vite:config       '.mts',  '.ts',
  vite:config       '.jsx',  '.tsx',
  vite:config       '.json'
  vite:config     ],
  vite:config     dedupe: [],
  vite:config     preserveSymlinks: false,
  vite:config     alias: [ [Object], [Object] ]
  vite:config   },
  vite:config   publicDir: 'E:/Code/test/vite-reproduction-sourcemap-miss/public',
  vite:config   cacheDir: 'E:/Code/test/vite-reproduction-sourcemap-miss/node_modules/.vite',
  vite:config   command: 'serve',
  vite:config   mode: 'development',
  vite:config   ssr: {
  vite:config     target: 'node',
  vite:config     optimizeDeps: { noDiscovery: true, esbuildOptions: [Object] }
  vite:config   },
  vite:config   isWorker: false,
  vite:config   mainConfig: null,
  vite:config   bundleChain: [],
  vite:config   isProduction: false,
  vite:config   css: { lightningcss: undefined },
  vite:config   esbuild: { jsxDev: true },
  vite:config   preview: {
  vite:config     port: undefined,
  vite:config     strictPort: undefined,
  vite:config     host: undefined,
  vite:config     https: undefined,
  vite:config     open: undefined,
  vite:config     proxy: undefined,
  vite:config     cors: undefined,
  vite:config     headers: undefined
  vite:config   },
  vite:config   envDir: 'E:/Code/test/vite-reproduction-sourcemap-miss',
  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     warnOnce: [Function: warnOnce],
  vite:config     error: [Function: error],
  vite:config     clearScreen: [Function: clearScreen],
  vite:config     hasErrorLogged: [Function: hasErrorLogged]
  vite:config   },
  vite:config   packageCache: Map(1) {
  vite:config     'fnpd_E:/Code/test/vite-reproduction-sourcemap-miss' => {
  vite:config       dir: 'E:/Code/test/vite-reproduction-sourcemap-miss',
  vite:config       data: [Object],
  vite:config       hasSideEffects: [Function: hasSideEffects],
  vite:config       webResolvedImports: {},
  vite:config       nodeResolvedImports: {},
  vite:config       setResolvedCache: [Function: setResolvedCache],
  vite:config       getResolvedCache: [Function: getResolvedCache]
  vite:config     },
  vite:config     set: [Function (anonymous)]
  vite:config   },
  vite:config   createResolver: [Function: createResolver],
  vite:config   worker: { format: 'iife', plugins: '() => plugins', rollupOptions: {} },
  vite:config   appType: 'spa',
  vite:config   experimental: { importGlobRestoreExtension: false, hmrPartialAccept: false },
  vite:config   getSortedPlugins: [Function: getSortedPlugins],
  vite:config   getSortedPluginHooks: [Function: getSortedPluginHooks]
  vite:config } +5ms
  vite:deps Hash is consistent. Skipping. Use --force to override. +0ms

  VITE v5.2.11  ready in 383 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  press h + enter to show help
  vite:html-fallback Rewriting GET / to /index.html +0ms
  vite:time 25.76ms /index.html +0ms
  vite:resolve 2.76ms /src/main.ts -> E:/Code/test/vite-reproduction-sourcemap-miss/src/main.ts +0ms
  vite:load 2.03ms [fs] /src/main.ts +0ms
  vite:resolve 1.51ms ./style.css -> E:/Code/test/vite-reproduction-sourcemap-miss/src/style.css +16ms
  vite:resolve 1.95ms ./typescript.svg -> E:/Code/test/vite-reproduction-sourcemap-miss/src/typescript.svg +0ms
  vite:resolve 2.49ms ./counter.ts -> E:/Code/test/vite-reproduction-sourcemap-miss/src/counter.ts +1ms
  vite:import-analysis 6.66ms [4 imports rewritten] src/main.ts +0ms
  vite:transform 16.01ms /src/main.ts +0ms
  vite:load 1.89ms [plugin] /src/typescript.svg +18ms
  vite:load 2.21ms [plugin] /vite.svg +1ms
  vite:import-analysis 0.18ms [no imports] src/typescript.svg +2ms
  vite:import-analysis 0.03ms [no imports] /vite.svg +1ms
  vite:transform 1.43ms /src/typescript.svg +3ms
  vite:transform 1.39ms /vite.svg +0ms
  vite:load 4.19ms [fs] /src/counter.ts +2ms
  vite:load 5.24ms [fs] /src/style.css +1ms
  vite:hmr [self-accepts] src/style.css +0ms
  vite:import-analysis 0.70ms [0 imports rewritten] src/style.css +4ms
  vite:transform 1.95ms /src/style.css +4ms
  vite:import-analysis 0.20ms [no imports] src/counter.ts +1ms
  vite:transform 4.39ms /src/counter.ts +1ms
  vite:resolve 0.63ms /node_modules/cesium/Build/CesiumUnminified/Cesium.js -> E:/Code/test/vite-reproduction-sourcemap-miss/node_modules/.pnpm/cesium@1.117.0/node_modules/cesium/Build/CesiumUnminified/Cesium.js?v=1ef2e465 +18ms
  vite:resolve 0.32ms /@vite/client -> E:/Code/test/vite-reproduction-sourcemap-miss/node_modules/.pnpm/vite@5.2.11_@types+node@20.12.12/node_modules/vite/dist/client/client.mjs +2ms
  vite:cache [304] /src/main.ts +0ms
  vite:time 0.19ms /src/main.ts +39ms
  vite:load 1.38ms [fs] /@vite/client +14ms
  vite:resolve 0.24ms @vite/env -> E:/Code/test/vite-reproduction-sourcemap-miss/node_modules/.pnpm/vite@5.2.11_@types+node@20.12.12/node_modules/vite/dist/client/env.mjs +11ms
  vite:import-analysis 1.42ms [1 imports rewritten] node_modules/.pnpm/vite@5.2.11_@types+node@20.12.12/node_modules/vite/dist/client/client.mjs +21ms
  vite:transform 8.00ms /@vite/client +21ms
  vite:time 12.65ms /@vite/client +12ms
  vite:load 2.62ms [fs] /node_modules/.pnpm/vite@5.2.11_@types+node@20.12.12/node_modules/vite/dist/client/env.mjs +12ms
  vite:import-analysis 0.03ms [no imports] node_modules/.pnpm/vite@5.2.11_@types+node@20.12.12/node_modules/vite/dist/client/env.mjs +4ms
  vite:transform 0.56ms /node_modules/.pnpm/vite@5.2.11_@types+node@20.12.12/node_modules/vite/dist/client/env.mjs +4ms
  vite:load 30.56ms [fs] /node_modules/cesium/Build/CesiumUnminified/Cesium.js +16ms
  vite:import-analysis 56.70ms [no imports] node_modules/.pnpm/cesium@1.117.0/node_modules/cesium/Build/CesiumUnminified/Cesium.js?v=1ef2e465 +290ms
  vite:transform 87.15ms /node_modules/cesium/Build/CesiumUnminified/Cesium.js +290ms
Sourcemap for "E:/Code/test/vite-reproduction-sourcemap-miss/node_modules/.pnpm/cesium@1.117.0/node_modules/cesium/Build/CesiumUnminified/Cesium.js" points to missing source files
  vite:time 346.59ms /node_modules/cesium/Build/CesiumUnminified/Cesium.js +331ms
  vite:cache [304] /node_modules/.pnpm/vite@5.2.11_@types+node@20.12.12/node_modules/vite/dist/client/env.mjs +924ms
  vite:time 0.23ms /node_modules/.pnpm/vite@5.2.11_@types+node@20.12.12/node_modules/vite/dist/client/env.mjs +581ms
  vite:cache [304] /src/style.css +1ms
  vite:time 0.26ms /src/style.css +1ms
  vite:cache [304] /src/typescript.svg?import +1ms
  vite:time 0.13ms /src/typescript.svg?import +1ms
  vite:cache [304] /vite.svg?import +2ms
  vite:time 0.13ms /vite.svg?import +2ms
  vite:cache [304] /src/counter.ts +2ms
  vite:time 0.16ms /src/counter.ts +2ms
  vite:time 0.58ms /vite.svg +5ms
  vite:time 0.46ms /src/typescript.svg +1ms

Validations

@sapphi-red
Copy link
Member

sapphi-red commented May 17, 2024

The warning is coming because cesium's sourcemap points to missing source files. You can see which file is missing by vite --debug sourcemap. It's something that needs to be fixed on cesium's side (or if that's not a problem for you, you can ignore it).

@sapphi-red sapphi-red added invalid This doesn't seem right and removed pending triage labels May 17, 2024
@s3xysteak
Copy link
Author

@sapphi-red Sorry to bother you but I still think something is wrong. In the reproduction,

I checked xxx/Cesium.js, in the end of the code, there is //# sourceMappingURL=Cesium.js.map.
And I checked xxx/Cesium.js.map too, it actually exists.

That is why I am confusing on it.

And that is the Logs with vite --debug sourcemap :

Click to expand!
Sourcemap for "E:/Code/test/vite-reproduction-sourcemap-miss/node_modules/.pnpm/cesium@1.117.0/node_modules/cesium/Build/CesiumUnminified/Cesium.js" points to missing source files
  vite:sourcemap Missing sources:
  vite:sourcemap   E:\Code\test\vite-reproduction-sourcemap-miss\node_modules\.pnpm\cesium@1.117.0\node_modules\cesium\node_modules\autolinker\src\index.ts
  vite:sourcemap   E:\Code\test\vite-reproduction-sourcemap-miss\node_modules\.pnpm\cesium@1.117.0\node_modules\cesium\node_modules\autolinker\src\version.ts
  vite:sourcemap   E:\Code\test\vite-reproduction-sourcemap-miss\node_modules\.pnpm\cesium@1.117.0\node_modules\cesium\node_modules\autolinker\src\autolinker.ts
  vite:sourcemap   E:\Code\test\vite-reproduction-sourcemap-miss\node_modules\.pnpm\cesium@1.117.0\node_modules\cesium\node_modules\autolinker\src\anchor-tag-builder.ts
  vite:sourcemap   E:\Code\test\vite-reproduction-sourcemap-miss\node_modules\.pnpm\cesium@1.117.0\node_modules\cesium\node_modules\autolinker\src\utils.ts
  vite:sourcemap   E:\Code\test\vite-reproduction-sourcemap-miss\node_modules\.pnpm\cesium@1.117.0\node_modules\cesium\node_modules\autolinker\src\truncate\truncate-smart.ts
  vite:sourcemap   E:\Code\test\vite-reproduction-sourcemap-miss\node_modules\.pnpm\cesium@1.117.0\node_modules\cesium\node_modules\autolinker\src\regex-lib.ts
  vite:sourcemap   E:\Code\test\vite-reproduction-sourcemap-miss\node_modules\.pnpm\cesium@1.117.0\node_modules\cesium\node_modules\autolinker\src\html-tag.ts
  vite:sourcemap   E:\Code\test\vite-reproduction-sourcemap-miss\node_modules\.pnpm\cesium@1.117.0\node_modules\cesium\node_modules\autolinker\src\truncate\truncate-end.ts
  vite:sourcemap   E:\Code\test\vite-reproduction-sourcemap-miss\node_modules\.pnpm\cesium@1.117.0\node_modules\cesium\node_modules\autolinker\src\truncate\truncate-middle.ts
  vite:sourcemap   E:\Code\test\vite-reproduction-sourcemap-miss\node_modules\.pnpm\cesium@1.117.0\node_modules\cesium\node_modules\autolinker\src\parser\parse-matches.ts
  vite:sourcemap   E:\Code\test\vite-reproduction-sourcemap-miss\node_modules\.pnpm\cesium@1.117.0\node_modules\cesium\node_modules\autolinker\src\match\abstract-match.ts
  vite:sourcemap   E:\Code\test\vite-reproduction-sourcemap-miss\node_modules\.pnpm\cesium@1.117.0\node_modules\cesium\node_modules\autolinker\src\parser\uri-utils.ts
  vite:sourcemap   E:\Code\test\vite-reproduction-sourcemap-miss\node_modules\.pnpm\cesium@1.117.0\node_modules\cesium\node_modules\autolinker\src\match\url-match.ts
  vite:sourcemap   E:\Code\test\vite-reproduction-sourcemap-miss\node_modules\.pnpm\cesium@1.117.0\node_modules\cesium\node_modules\autolinker\src\parser\email-utils.ts
  vite:sourcemap   E:\Code\test\vite-reproduction-sourcemap-miss\node_modules\.pnpm\cesium@1.117.0\node_modules\cesium\node_modules\autolinker\src\parser\tld-regex.ts
  vite:sourcemap   E:\Code\test\vite-reproduction-sourcemap-miss\node_modules\.pnpm\cesium@1.117.0\node_modules\cesium\node_modules\autolinker\src\match\email-match.ts
  vite:sourcemap   E:\Code\test\vite-reproduction-sourcemap-miss\node_modules\.pnpm\cesium@1.117.0\node_modules\cesium\node_modules\autolinker\src\parser\hashtag-utils.ts
  vite:sourcemap   E:\Code\test\vite-reproduction-sourcemap-miss\node_modules\.pnpm\cesium@1.117.0\node_modules\cesium\node_modules\autolinker\src\match\mention-match.ts
  vite:sourcemap   E:\Code\test\vite-reproduction-sourcemap-miss\node_modules\.pnpm\cesium@1.117.0\node_modules\cesium\node_modules\autolinker\src\match\hashtag-match.ts
  vite:sourcemap   E:\Code\test\vite-reproduction-sourcemap-miss\node_modules\.pnpm\cesium@1.117.0\node_modules\cesium\node_modules\autolinker\src\match\phone-match.ts
  vite:sourcemap   E:\Code\test\vite-reproduction-sourcemap-miss\node_modules\.pnpm\cesium@1.117.0\node_modules\cesium\node_modules\autolinker\src\parser\mention-utils.ts
  vite:sourcemap   E:\Code\test\vite-reproduction-sourcemap-miss\node_modules\.pnpm\cesium@1.117.0\node_modules\cesium\node_modules\autolinker\src\parser\phone-number-utils.ts
  vite:sourcemap   E:\Code\test\vite-reproduction-sourcemap-miss\node_modules\.pnpm\cesium@1.117.0\node_modules\cesium\node_modules\autolinker\src\htmlParser\parse-html.ts
  vite:sourcemap   E:\Code\test\vite-reproduction-sourcemap-miss\node_modules\.pnpm\cesium@1.117.0\node_modules\cesium\node_modules\autolinker\src\match\index.ts
  vite:sourcemap   E:\Code\test\vite-reproduction-sourcemap-miss\node_modules\.pnpm\cesium@1.117.0\node_modules\cesium\node_modules\autolinker\src\parser\index.ts +0ms

@sapphi-red
Copy link
Member

Yes, the sourcemap exists. What doesn't exist is the files that is referenced in the sourcemap. Those files listed after Missing sources: is referenced by the sourcemap, but it doesn't exist. That leads to generating a sourcemap with some information missing.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
invalid This doesn't seem right
Projects
None yet
Development

No branches or pull requests

2 participants