webstorm中 ‘@/**‘报 未安装模块 无法Ctrl定位

打仗前端不深  学习中遇到这个问题 记录一下

创建一个名为  jsconfig.json 的文件  内容为以下
 

1. {
2.   "compilerOptions": {
3.     "baseUrl": "./",
4.     "paths": {
5.         "@/*": ["src/*"]
6.     }
7.   },
8.   "exclude": ["node_modules", "dist"]
9. }

复制代码

[code][/code] 然后就可以Ctrl定位啦

jsconfig.json 的作用

• 设置模块解析：
  
  
  
  • jsconfig.json 文件是专门为 JavaScript 项目计划的设置文件，用于设置项目标模块解析选项。它雷同于 TypeScript 项目标 tsconfig.json。
    
  • 通过在 jsconfig.json 中设置 baseUrl 和 paths，你告诉编辑器和工具在解析模块时如那边理路径别名。
    
  
  
• baseUrl 和 paths：
  
  
  
  • baseUrl 设置模块解析的根本目次。在你的例子中，设置为 "./"，体现项目标根目次。
    
  • paths 允许你界说路径别名。在你的设置中，"@/*": ["src/*"] 体现任何以 @/ 开头的导入路径都应该解析为 src/ 目次下的相应路径。
    
  
  

为什么它能解决问题

• 编辑器支持：
  
  
  
  • WebStorm 和其他当代编辑器会主动读取 jsconfig.json（或 tsconfig.json）以了解项目标模块解析设置。
    
  • 通过设置这个文件，编辑器知道如何解析 @ 别名，从而提供精确的代码补全、导航和错误检查。
    
  
  
• 同等性：
  
  
  
  • 使用 jsconfig.json 确保项目标路径别名设置在开发环境（编辑器）和构建工具（如 Webpack）之间的同等性。这样，开发者在编辑器中看到的与构建时的行为是同等的。
    
  
  
• 排除无关目次：
  
  
  
  • exclude 选项用于排除不必要的目次（如 node_modules 和 dist），从而进步编辑器的性能和准确性。
    
  
  

 
网上说要设置webpack  但我配了也没用  不知道为什么  只有添加该文件才有用  求大佬解释~

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。