idea Vue项目识别不到@别名问题

最新推荐文章于 2024-07-22 11:14:01 发布
最新推荐文章于 2024-07-22 11:14:01 发布
阅读量1.1k 收藏 1
点赞数 1
分类专栏： Vue mac 文章标签： idea闪退 Jetbrains闪退
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ding_xc/article/details/121512572
版权
在Vue项目中遇到启动时@导入的文件无法找到的问题，表现为引入文件位置出现波浪线。解决方法是检查配置文件，确保配置正确，如设置正确的别名路径，并确保所有依赖已正确安装。同时，检查IDE的设置，确保其支持Vue语法和配置。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Vue项目创建好之后，打开文件总看见引入文件的位置有这样的波浪线，启动项目用@引入的文件都找不到

解决办法： 

idea 打开vue 不能识别@路径
lmj3732018的博客
02-23 3054
第一步： 再根目录自定义一个文件，如webpath.config.js,内容为： 'use script' const path = require('path'); function resolve(dir) { return path.join(__dirname, dir); } module.exports = { resolve: { alias: { '@': resolve('src') } } };
springboot+vue练手级项目，真实的在线博客系统
热门推荐
m0_67403240的博客
07-29 1万+
1=1=null">=null">
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
10-16
主要介绍了解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题,需要的朋友可以参考下
idea 目录多项目，不能识别 vue 的 @/ 路径
qq_26408545的博客
07-22 976
原来是 idea 2023.2.1 ，突然发现 @/路径不能识别了，经确认 idea 自动升级到2023.2.4。vue项目下 新建jsconfig.json ，重启idea ,idea 自动扫码索引即可识别。设置 webpack configuration file为webpath.config.js。或 File -> invalidate caches 然后点击 just restart。
idea中在Vue项目下不识别@别名
爱踢球的程序猿
11-12 1167
确保在项目根目录下面的Vue.config.js文件有如下配置: configureWebpack: { resolve: { alias: { '@': resolve('src') } } } 在 webstorm File > Settings > Languages & Frameworks > JavaScript > Webpack 选择当.
IDEA下 vue程序无法识别 ’@/‘
daliandianzi的博客
06-24 2979
IDEA下 vue程序无法识别 ’@/‘ 在项目的根目录下新建jsconfig.json 并添加以下内容： { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"] } }, "exclude": ["node_modules", "dist"] }
解决IDEA下vue项目无法识别@符号的问题
qq_44443306的博客
10-20 5051
解决方法:ctrl+alt+s,在打开的窗口中搜索webpack,设置为Manualiy,选择文件为项目中的build/webpack.base.conf.js文件,点击apply应用即可
使用IDEA编辑 vue-cli 程序时 ’@/‘无法识别问题
Swing
04-23 1759
解决方案： 在项目下添加一个jsconfig.json文件即可，内容如下： { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"] } }, "exclude": ["node_modules", "dist"] } 这个问题虽然可能很小众，当还是记录下，说不定某...
解决 IDEA下VUE项目 @符号无法识别的问题
weixin_44022996的博客
11-23 1066
根目录新建jsconfig.json。
IntelliJ IDEA 开发Vue项目 ElementUI 未知HTML标记 提示问题的解决
09-17
在IntelliJ IDEA中开发Vue项目并集成Element UI时，遇到未知HTML标记`el-aside`的提示通常是由于缺少对Element UI库的支持或者组件路径配置不准确。以下是几个可能的解决方案： 1. **添加Element UI依赖**：确保在...
IDEA使用vue一直要导入命名空间
最新发布
10-28
在IntelliJ IDEA中使用Vue.js时，有时会遇到需要导入组件库或自定义模块时找不到路径的问题，这通常是因为Vue CLI项目结构默认采用了一些特定的文件和目录组织规则，如`components`、`views`等。当你尝试直接导入一...
Vite2 + Vue3 + TypeScript + Pinia +ElementPlus搭建项目
MM_520131400的博客
04-23 2429
vite2搭建项目
idea 开发vue项目，输入@符号没有路径提示问题
m0_37715184的博客
01-07 1583
在vue文件中要引入另一个组件时输入@符号，然后并没有提示文件路径，解决方法可参考一下（亲自试过，值得信赖）： https://blog.youkuaiyun.com/qq_34707272/article/details/105730090
在vue中不能使用@引入
Sapling
12-28 2727
如果在vue中不能使用@引入文件，下载 “eslint-import-resolver-webpack”: “^0.13.0” 插件 lodash是一个 js库 https://www.lodashjs.com/docs/lodash.divide
vue项目没有路径别名智能提示如何解决
我的博客
11-02 390
在项目根目录下 配置tsconfig.json或者jsconfig.josn 没有的话就手动创建一下。
解决vue项目路径用@报错问题,,
qq_54039576的博客
06-14 547
删除node_modules目录下的.cache文件夹，或者使用IDE的清理缓存功能
Vue项目识别不到@别名问题
两岁半的专栏
10-09 6050
1、Vue项目创建好之后，打开文件总看见引入文件的位置有这样的波浪线， 虽然不影响功能，但看着难受，对于我这种强迫症来说一定要解决掉。 2、找到Ctrl+Alt+S打开设置菜单，找到Webpack选项： 3、将路径指向自己项目的build目录下的webpack配置文件： ...
idea开发vue项目时，使用@引入组件警告：Module is not installed
Rosen's
03-05 6740
由于在Vue-cli3.x中没有了build文件夹，而编译器又找不到webpack.config.js文件，所以就出现了Module is not installed这个错误。 解决办法：依次打开file/setting/languages&frameworks/javaScript/Webpack 配置webpack configuration file，点击输入框右侧的小文件夹图标，选择node_modules目录下的webpack.config.js文件 应用并保存后，需要重启一下ide.
Vue-cli3.x中使用@引入文件Module is not installed
qq_43620423的博客
09-05 1661
一、问题产生 1.出现错误 2.出现原因 在使用WebStrom或是Idea对vue项目进行开发时通常会使用“@ + 路径”的方法来引入文件， 但是由于在Vue-cli3.x中没有了build文件夹，而编译器又找不到webpack.config.js文件， 所以就出现了Module is not installed这个错误。 二、解决方法 既然编译器找不到webpack.config.js文件，那么我们就告诉编译器文件位置。 1.打开设置 使用快捷键 Ctrl+Alt+S 或者 通过以下步骤打开 F
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值