VSCode工作区路径别名配置不生效怎么办?

长孙宇杰 阅读 46

在VSCode里配置了workspace路径别名,但项目里用的时候一直报模块找不到的错误,试过重启编辑器也不行,怎么回事啊?

我按照网上的教程在.vscode/settings.json里加了这段配置:


{
  "typescript.tsdk": "./node_modules/typescript/lib",
  "paths": {
    "@/*": ["src/*"]
  }
}

然后在HTML里这样引用组件:


<script type="module">
  import MyComponent from '@/components/MyComponent.js';
</script>

但控制台提示:GET http://localhost:5500/@/components/MyComponent.js net::ERR_ABORTED 404,路径明显没解析成功。是不是配置文件没生效?或者需要额外设置什么?

我来解答 赞 4 收藏
二维码
手机扫码查看
1 条解答
❤一涵
❤一涵 Lv1
你的 settings.json 里配置的 "paths" 是 TypeScript 的路径映射,只在编译时起作用,不影响浏览器运行时的模块解析。所以你在 HTML 里用