nuxt / vite

⚡ Vite Experience with Nuxt 2

Home Page:https://vite.nuxtjs.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Failed to load source map for

productdevbook opened this issue · comments

Versions

nuxt-vite: 0.2.3
nuxt: 2.15.8

Description

4:18:25 PM [vite] Failed to load source map for /node_modules/.cache/vite/client/pinia.js?v=e1ae41a8.                                                                                                                         16:18:25


 WARN  4:18:25 PM [vite] Failed to load source map for /node_modules/.cache/vite/client/@tiptap_extension-document.js?v=e1ae41a8.                                                                                                    16:18:25


 WARN  4:18:25 PM [vite] Failed to load source map for /node_modules/.cache/vite/client/@tiptap_extension-placeholder.js?v=e1ae41a8.                                                                                                 16:18:25


 WARN  4:18:25 PM [vite] Failed to load source map for /node_modules/.cache/vite/client/@tiptap_starter-kit.js?v=e1ae41a8.                                                                                                           16:18:25


 WARN  4:18:25 PM [vite] Failed to load source map for /node_modules/.cache/vite/client/@tiptap_vue-2.js?v=e1ae41a8.                                                                                                                 16:18:25


 WARN  4:18:26 PM [vite] Failed to load source map for /node_modules/.cache/vite/client/zxcvbn.js?v=e1ae41a8.                                                                                                                        16:18:26

ℹ Vite warmed up in 7395ms                                                                                                                                                                                                           16:18:27

 WARN  Bundling package for SSR due to resolve failure. Failed to resolve entry for package "@types/canvas-confetti". The package may have incorrect main/module/exports specified in its package.json: Failed to resolve entry for package "@types/canvas-confetti". The package may have incorrect main/module/exports specified in its package.json.


 WARN  Bundling package for SSR due to resolve failure. Failed to resolve entry for package "@types/fibers". The package may have incorrect main/module/exports specified in its package.json: Failed to resolve entry for package "@types/fibers". The package may have incorrect main/module/exports specified in its package.json.


 WARN  Bundling package for SSR due to resolve failure. Failed to resolve entry for package "@types/tailwindcss". The package may have incorrect main/module/exports specified in its package.json: Failed to resolve entry for package "@types/tailwindcss". The package may have incorrect main/module/exports specified in its package.json.


 WARN  Bundling package for SSR due to resolve failure. Failed to resolve entry for package "@types/zxcvbn". The package may have incorrect main/module/exports specified in its package.json: Failed to resolve entry for package "@types/zxcvbn". The package may have incorrect main/module/exports specified in its package.json.


 WARN  Bundling package for SSR due to resolve failure. Failed to resolve entry for package "@nuxtjs/auth-next". The package may have incorrect main/module/exports specified in its package.json: No known conditions for "." entry in "@nuxtjs/auth-next" package


 WARN  Bundling package for SSR due to resolve failure. Failed to resolve entry for package "@types/lodash". The package may have incorrect main/module/exports specified in its package.json: Failed to resolve entry for package "@types/lodash". The package may have incorrect main/module/exports specified in its package.json.


 WARN  Bundling package for SSR due to resolve failure. Failed to resolve entry for package "@types/canvas-confetti". The package may have incorrect main/module/exports specified in its package.json: Failed to resolve entry for package "@types/canvas-confetti". The package may have incorrect main/module/exports specified in its package.json.


 WARN  Bundling package for SSR due to resolve failure. Failed to resolve entry for package "@types/fibers". The package may have incorrect main/module/exports specified in its package.json: Failed to resolve entry for package "@types/fibers". The package may have incorrect main/module/exports specified in its package.json.


 WARN  Bundling package for SSR due to resolve failure. Failed to resolve entry for package "@types/tailwindcss". The package may have incorrect main/module/exports specified in its package.json: Failed to resolve entry for package "@types/tailwindcss". The package may have incorrect main/module/exports specified in its package.json.


 WARN  Bundling package for SSR due to resolve failure. Failed to resolve entry for package "@types/zxcvbn". The package may have incorrect main/module/exports specified in its package.json: Failed to resolve entry for package "@types/zxcvbn". The package may have incorrect main/module/exports specified in its package.json.


 WARN  Bundling package for SSR due to resolve failure. Failed to resolve entry for package "@nuxtjs/auth-next". The package may have incorrect main/module/exports specified in its package.json: No known conditions for "." entry in "@nuxtjs/auth-next" package


 WARN  Bundling package for SSR due to resolve failure. Failed to resolve entry for package "@types/lodash". The package may have incorrect main/module/exports specified in its package.json: Failed to resolve entry for package "@types/lodash". The package may have incorrect main/module/exports specified in its package.json.


 WARN  invalid import "import(date-fns/locale/${locale}/index.js)". Variable bare imports are not supported, imports must start with ./ in the static part of the import. For example: import(./foo/${bar}.js).        

Can you share a minimal reproduction? Thanks.

reproduction: https://github.com/productfrontenddeveloper/nuxt-vite-bug

Sorry for the late reply, it took a while to shrink the project.

graphql note: https://github.com/rollup/plugins/tree/master/packages/graphql

I'm having a similar issue with Vite (different stack: react, typescript)

[vite] Failed to load source map for /node_modules/.vite/ts-dedent.js?v=a21e9b1a.

image

@amejiarosario have you been able to fix this? I'm stuck with the same errors.

@foxxycodes, unfortunately, no, also I put that project on the back burner for now

Stuck with same warnings :(

I got similar warnings after setting up Vite on a Nuxt + TSproject



 WARN  12:24:17 AM [vite] Failed to load source map for /node_modules/.cache/vite/client/vue.js?v=e79bfc7a.   00:24:17


 WARN  12:24:21 AM [vite] Failed to load source map for /node_modules/.cache/vite/client/vue-router.js?v=e79bfc7a.```

Also have the same warnings.

same error when run dev npm script, with install ant design vue

I'm having this same error.

我也有同样的错误。
image
每次安装新包都会出现,启动后都要半个多小时才能启动,谁能救救我。

commented

me too
image

commented

me too image

with pnpm

I added all dependencies from [vite] new depencencies found: ... to optimizeDeps.include, it helped.

@souljorje Thank you that worked.

I had multiple entry points. Specifying them in optimizeDeps.entries helped:

export default defineConfig({
  plugins: [react()],

  optimizeDeps: {
    entries: ['./src/dashboard/app.tsx']
  }
})

very bad experience with this bug ~_~|

same bug with using pnpm, I solved this bug by removing loadEnv from .vue component. Drop importing loadEnv.

commented

Same here

got the same error
I'm using pnpm as well
image

commented

me too

me too

https://cn.vitejs.dev/config/#optimizedeps-entries
将提示的new dependencies放入到optimizeDeps.includes数组中即可,如下
include: ['lodash-compat', 'history', 'lodash-es'],

或者配置入口项
optimizeDeps.entries#
类型: string | string[]

默认情况下,Vite 会抓取你的 index.html 来检测需要预构建的依赖项。如果指定了 build.rollupOptions.input,Vite 将转而去抓取这些入口点。

如果这两者都不合你意,则可以使用此选项指定自定义条目——该值需要遵循 fast-glob 模式 ,或者是相对于 Vite 项目根的模式数组。这将覆盖掉默认条目推断。

我也有同样的错误。 image 每次安装新包都会出现,启动后都要半个多小时才能启动,谁能救救我。

https://cn.vitejs.dev/config/#optimizedeps-entries
将提示的new dependencies放入到optimizeDeps.includes数组中即可,如下
include: ['lodash-compat', 'history', 'lodash-es'],

或者配置入口项
optimizeDeps.entries#
类型: string | string[]

默认情况下,Vite 会抓取你的 index.html 来检测需要预构建的依赖项。如果指定了 build.rollupOptions.input,Vite 将转而去抓取这些入口点。

如果这两者都不合你意,则可以使用此选项指定自定义条目——该值需要遵循 fast-glob 模式 ,或者是相对于 Vite 项目根的模式数组。这将覆盖掉默认条目推断。

Add this in your vite config file

 build: {
        sourcemap: true,
    },

Add this in your vite config file

 build: {
        sourcemap: true,
    },

Unfortunately this doesn't fix the error

Add nuxt.config.ts

ssr: false,
target: 'static',

I found that open ElementPlusResolver will appear this kind of situation