vue3+ts+vite,tsconfig.json配置path后,import的vue组件报错

ufogmiec
  • 18

vue3,vite为2.5.10。
因为想取别名,所以在vite.config.ts中配置了alias,然后又在tsconfig.jsono中配置了
baseUrl:'./' 和 paths:{"@/":["./src/"]}这两个属性。
配置完成后,能正常使用 @ 来引用文件。
但是,我引用了一个 使用 script setup 的组件,然后引入的地方就报错了。
image.png
就说没有默认导出。

  1. 如果把引入改成 import * as LeftSlider from 'xxx' 就不会报错。
  2. 如果把 path的配置去掉,就没问题,但是这样别名就使用不起。
    image.png
    image.png
    allowSyntheticDefaultImports这个属性默认是true,加了也没效果

求教:怎么才能既可以使用别名,也不会报未导出的错(除了 import * as 的方式)?

回复
阅读 574
1 个回答

vite.config.ts
image.png
tsconfig.json
image.png
然后vscode重启,

效果如下
image.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏