Vue3 crea un nuevo error de proyecto: no se puede encontrar el módulo 'xxx'

Cree un proyecto vue3, comando:

1. Usa vite para crear:

npm create vite@latest my-vue-app -- --template vue-ts

2. Use el comando oficial de vue:

npm init vue@latest

Cree una plantilla vue3 para aprender la nueva sintaxis de vue3.3. Una vez completada la creación, se descubre que muchos archivos son populares:

Motivo: la estrategia de análisis es Bundler

Solución:

1. Creado con vite:

Agregue la siguiente configuración a los archivos tsconfig.json y tsconfig.node.json:

"compilerOptions": {

    ......

 +   "moduleResolution": "node",
  }

Una vez completada la configuración, se mostrará en rojo:

 La opción de compilador desconocida "allowImportingTsExtensions", utilizada para controlar si se permite importar la extensión de archivo .ts en la declaración de importación, ha quedado   obsoleta desde TypeScript 3.8.

 Solución: eliminar esta opción.

2. Use el comando oficial vue para crear:

Agregue la siguiente configuración a los archivos tsconfig.app.json y tsconfig.node.json:

"compilerOptions": {

    ......

 +   "moduleResolution": "node",
  }

Complete la configuración anterior.

Habrá otros errores: No se puede encontrar el módulo '@/views/xxx.vue' o sus declaraciones de tipo correspondientes. Puede ver otro artículo: webstorm vue3+ts error: No se puede encontrar el módulo '@/views/xxx.vue' o su tipo correspondiente. declaraciones_programador Xiaobai Aven's blog-CSDN blog webstorm vue3+ts error: No se puede encontrar el módulo '@/views/xxx.vue' o sus declaraciones de tipo correspondientes https://blog.csdn.net/weixin_52020362/article /details/130665069?spm= 1001.2014.3001.5501