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

embedded/2024/11/22 0:23:03/

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

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

{ "compilerOptions": {"baseUrl": "./","paths": {"@/*": ["src/*"]}},"exclude": ["node_modules", "dist"]
}
 

然后就可以Ctrl定位啦

jsconfig.json 的作用

  • 配置模块解析

    • jsconfig.json 文件是专门为 JavaScript 项目设计的配置文件,用于配置项目的模块解析选项。它类似于 TypeScript 项目的 tsconfig.json
    • 通过在 jsconfig.json 中配置 baseUrl 和 paths,你告诉编辑器和工具在解析模块时如何处理路径别名。
  • baseUrl 和 paths

    • baseUrl 设置模块解析的基本目录。在你的例子中,设置为 "./",表示项目的根目录。
    • paths 允许你定义路径别名。在你的配置中,"@/*": ["src/*"] 表示任何以 @/ 开头的导入路径都应该解析为 src/ 目录下的相应路径。

为什么它能解决问题

  1. 编辑器支持

    • WebStorm 和其他现代编辑器会自动读取 jsconfig.json(或 tsconfig.json)以了解项目的模块解析配置。
    • 通过配置这个文件,编辑器知道如何解析 @ 别名,从而提供正确的代码补全、导航和错误检查。
  2. 一致性

    • 使用 jsconfig.json 确保项目的路径别名配置在开发环境(编辑器)和构建工具(如 Webpack)之间的一致性。这样,开发者在编辑器中看到的与构建时的行为是一致的。
  3. 排除无关目录

    • exclude 选项用于排除不需要的目录(如 node_modules 和 dist),从而提高编辑器的性能和准确性。

 

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


http://www.ppmy.cn/embedded/139469.html

相关文章

python读取Oracle库并生成API返回Json格式

一、安装必要的库 首先,确保已经安装了以下库: 有网模式 pip install flask pip install gevent pi install cx_Oracle离线模式: 下载地址:https://pypi.org/simple/flask/ # a. Flask Werkzeug-1.0.1-py2.py3-none-any.whl J…

前端反向代理的配置和實現

反向代理是位於客戶端和服務器之間的一個中間層,它代表客戶端向伺服器發起請求,然後將伺服器的回應返回給客戶端。與傳統的正向代理不同,反向代理是由伺服器端配置的,客戶端通常不知道它的存在。在前端開發中,反向代理…

GitLab 部署和配置指南

GitLab 部署和配置指南 1. GitLab 容器配置概述 在部署 GitLab 时,可能涉及以下几部分内容: 内置 Nginx 的配置和调整。HTTPS 证书的申请、使用和续期。通过 FRP 映射内网服务到外部服务器。阿里云服务器的 Nginx 配置和反向代理。 本文将完整涵盖这…

如何使用ChatGPT写推荐信?

写一封推荐信可能是一项艰巨的任务,尤其是当您不确定要包含什么或如何表达您的想法时。值得庆幸的是,在 ChatGPT 等 AI 技术的帮助下,这个过程可以变得更加顺畅和高效。在本指南中,我们将探讨如何利用 ChatGPT 的力量用简单的英语制作引人注目的推荐信。 开始 在深入研究…

开源A书签管理工具:Hoarder

在日常浏览网页时,我们经常会遇到一些有价值的文章、工具或者资源。 虽然浏览器的书签功能可以帮助我们保存这些链接,但随着时间推移,书签往往会变得杂乱无章,想要找到特定内容时却无从下手。 普通的书签管理器又缺乏智能化功能…

计算机网络在线测试-概述

单项选择题 第1题 数据通信中,数据传输速率(比特率,bps)是指每秒钟发送的()。 二进制位数 (我的答案) 符号数 字节数 码元数 第2题 一座大楼内的一个计算机网络系统&#xf…

GCC是用什么语言编写的?编程语言出现之前,编译器或解释器用什么语言编写?GCC和G++有什么区别?

GCC是用什么语言编写的? 早期是C语言,后来改为C,源代码:https://github.com/gcc-mirror/gcc. GCC编译器从C语言转向C也经历过不顺,皓哥 GCC 用 C 来编译 | 酷 壳 - CoolShell 就有提到2012年GCC就转向用C编译器编译,…

什么是Hadoop

Hadoop 介绍 Hadoop 是由 Apache 开发的开源框架,用于处理分布式环境中的海量数据。Hadoop 使用 Java 编写,通过简单的编程模型允许在集群中进行大规模数据集的存储和计算。它具备高可靠性、容错性和扩展性。 分布式存储:Hadoop 支持跨集群…