devtools
devtools copied to clipboard
fix: add allowImportingTsExtensions and noEmit to tsconfig
Fix build error during pnpm build
This PR addresses the build error that occurs when running pnpm build.
Changes Made
- Added
"allowImportingTsExtensions": true, "noEmit": trueto tsconfig.json - Added ".ts" file extensions to import statements
- To resolve ES Modules errors
Build Error During pnpm build
@vue/devtools-ui:build: error during build:
@vue/devtools-ui:build: Error [ERR_UNSUPPORTED_DIR_IMPORT]: Directory import '████████████████████/src/devtools/packages/ui/theme' is not supported resolving ES modules imported from ████████████████████/src/devtools/packages/ui/uno.config.ts
@vue/devtools-ui:build: at finalizeResolution (node:internal/modules/esm/resolver:263:11)
@vue/devtools-ui:build: at moduleResolve (node:internal/modules/esm/resolver:860:10)
@vue/devtools-ui:build: at defaultResolve (node:internal/modules/esm/resolver:984:11)
@vue/devtools-ui:build: at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:780:12)
@vue/devtools-ui:build: at #cachedDefaultResolve (node:internal/modules/esm/loader:704:25)
@vue/devtools-ui:build: at ModuleLoader.resolve (node:internal/modules/esm/loader:687:38)
@vue/devtools-ui:build: at ModuleLoader.getModuleJobForImport (node:internal/modules/esm/loader:305:38)
@vue/devtools-ui:build: at ModuleJob._link (node:internal/modules/esm/module_job:137:49)
@vue/devtools-ui:build: ELIFECYCLE Command failed with exit code 1.
@vue/devtools-ui:build: ERROR command finished with error: command (████████████████████/src/devtools/packages/ui) ████████████████████/src/devtools/node_modules/.bin/pnpm run build exited (1)
@vue/devtools-core:build: ELIFECYCLE Command failed with exit code 129.
@vue/devtools-api:build: ELIFECYCLE Command failed with exit code 129.
@vue/devtools-ui#build: command (████████████████████/src/devtools/packages/ui) ████████████████████/src/devtools/node_modules/.bin/pnpm run build exited (1)
Tasks: 2 successful, 5 total
Cached: 0 cached, 5 total
Time: 4.838s
Failed: @vue/devtools-ui#build
ERROR run failed: command exited (1)
ELIFECYCLE Command failed with exit code 1.
Root Cause of the Error
- ES Modules require file extensions in import statements, but some locations were missing these extensions.
- Using .js extensions causes other errors, so .ts extensions were used instead.
Deploy Preview for vue-devtools-docs canceled.
| Name | Link |
|---|---|
| Latest commit | 721f39a1a431b440ee9acc8b1a36dead51db5fbe |
| Latest deploy log | https://app.netlify.com/projects/vue-devtools-docs/deploys/683b1067e0affb0008cc0f56 |