Nuxt•2y ago

Disable/purge nuxt devtools from project

I am trying to fully disable or completely purge the nuxt devtools from my project, as it is creating several issues when running the app in an iframe.
Using

nuxi devtools disable

nuxi devtools disable

, which results in the following

devtools: {
  enabled: false
},

devtools: {
  enabled: false
},

is seemingly not enough to properly disable all devtools-related packages. I am seeing following error in my console:

[12:46:15 PM]  ERROR  Internal server error: Failed to resolve import "virtual:vue-inspector-options" from "node_modules/.pnpm/[email protected][email protected]/node_modules/vite-plugin-vue-inspector/src/Overlay.vue". Does the file exist?
  Plugin: vite:import-analysis
  File: /Users/oskar/Storage/Projects/.../node_modules/.pnpm/[email protected][email protected]/node_modules/vite-plugin-vue-inspector/src/Overlay.vue:2:31
  1  |  
  2  |  import inspectorOptions from 'virtual:vue-inspector-options'
     |                                ^
  3  |  const isClient = typeof window !== 'undefined'
  4  |  const importMetaUrl = isClient ? new URL(import.meta.url) : {}

[12:46:15 PM]  ERROR  Internal server error: Failed to resolve import "virtual:vue-inspector-options" from "node_modules/.pnpm/[email protected][email protected]/node_modules/vite-plugin-vue-inspector/src/Overlay.vue". Does the file exist?
  Plugin: vite:import-analysis
  File: /Users/oskar/Storage/Projects/.../node_modules/.pnpm/[email protected][email protected]/node_modules/vite-plugin-vue-inspector/src/Overlay.vue:2:31
  1  |  
  2  |  import inspectorOptions from 'virtual:vue-inspector-options'
     |                                ^
  3  |  const isClient = typeof window !== 'undefined'
  4  |  const importMetaUrl = isClient ? new URL(import.meta.url) : {}

I would expect any devtools-related packages (such as vite-plugin-vue-inspector) to be disabled and not accessed when running the app in development.
Am I doing something wrong, or am I missing something specific?

Thanks

Nuxt•2y ago

rxsto

Disable/purge nuxt devtools from project

I am trying to fully disable or completely purge the nuxt devtools from my project, as it is creating several issues when running the app in an iframe.
Using

nuxi devtools disable

nuxi devtools disable

, which results in the following

devtools: {
  enabled: false
},

devtools: {
  enabled: false
},

is seemingly not enough to properly disable all devtools-related packages. I am seeing following error in my console:

[12:46:15 PM]  ERROR  Internal server error: Failed to resolve import "virtual:vue-inspector-options" from "node_modules/.pnpm/[email protected][email protected]/node_modules/vite-plugin-vue-inspector/src/Overlay.vue". Does the file exist?
  Plugin: vite:import-analysis
  File: /Users/oskar/Storage/Projects/.../node_modules/.pnpm/[email protected][email protected]/node_modules/vite-plugin-vue-inspector/src/Overlay.vue:2:31
  1  |  
  2  |  import inspectorOptions from 'virtual:vue-inspector-options'
     |                                ^
  3  |  const isClient = typeof window !== 'undefined'
  4  |  const importMetaUrl = isClient ? new URL(import.meta.url) : {}

[12:46:15 PM]  ERROR  Internal server error: Failed to resolve import "virtual:vue-inspector-options" from "node_modules/.pnpm/[email protected][email protected]/node_modules/vite-plugin-vue-inspector/src/Overlay.vue". Does the file exist?
  Plugin: vite:import-analysis
  File: /Users/oskar/Storage/Projects/.../node_modules/.pnpm/[email protected][email protected]/node_modules/vite-plugin-vue-inspector/src/Overlay.vue:2:31
  1  |  
  2  |  import inspectorOptions from 'virtual:vue-inspector-options'
     |                                ^
  3  |  const isClient = typeof window !== 'undefined'
  4  |  const importMetaUrl = isClient ? new URL(import.meta.url) : {}

Disable/purge nuxt devtools from project

Similar Threads

Disable/purge nuxt devtools from project

Similar Threads

Similar Threads

Similar Threads