webstorm 不能识别vue-cil @路径的问题

最新推荐文章于 2022-05-28 15:34:19 发布
最新推荐文章于 2022-05-28 15:34:19 发布
阅读量1.7k 收藏 1
点赞数 1
分类专栏： 框架相关
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaoyou625/article/details/111436999
版权
本文档记录了如何处理WebStorm编辑器无法识别VueCLI项目中@路径的问题。作者小游分享了新建项目后，在WebStorm中手动配置文件的步骤，以解决导入路径显示异常的困扰。
摘要由CSDN通过智能技术生成

本文档为个人博客文档系统的备份版本、作者：小游、作者博客：点击访问

新建一个webpack.config.js然后加入下面的内容

module.exports = {
   
    resolve: {
   
        alias: {
   
            "@": require("path").resolve(__dirname
最低0.47元/天 解锁文章
小游66
关注
专栏目录
解决WebStorm识别不到“@”符号路径问题
qq_43731674的博客
07-01 3130
步骤一 在项目根目录新建文件夹（webstorm.config.js）并加入以下内容 'use strict' const webpackConfig = require('@vue/cli-service/webpack.config.js') module.exports = webpackConfig 如果以上方法不生效可以尝试步骤二 步骤二 在项目根目录新建文件夹（jsconfig.json）并加入以下内容 { "compilerOptions": { "target": "es6
webstorm建立vue-cli脚手架的傻瓜式教程
01-18
webstorm 文件 -> new -> project 1、尽量不要勾选 Use the default project setup (babel, eslint) 默认建立的项目好多的配置不全，后期再装很麻烦。 2、点击 create 后出现以下选项，按键盘上下键选择默认...
使用IDEA编辑 vue-cli 程序时 ’@/‘无法识别问题
Swing
04-23 1715
解决方案： 在项目下添加一个jsconfig.json文件即可，内容如下： { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"] } }, "exclude": ["node_modules", "dist"] } 这个问题虽然可能很小众，当还是记录下，说不定某...
小白VUE安装时遇到的那些坑！vue不是内部命令，安装@vue/cli失败，找不到vue.cmd等等
weixin_44098615的博客
07-30 2714
对于我这种小白来说，安装个vue全局就绕了好几天。查阅API和不少vue全局安装的文档，各种尝试各种失败。使用webStorm创建vue项目时还是显示各种vue-cli的错误。终于这篇文章拯救了我，成功安装上了vue-cli，可以通过CLI来创建vue了！激动 链接附上： 我看的文章：https://www.jianshu.com/p/5ab787e9d6f5 我看的文章所引用的原文：https://blog.csdn.net/httguangtt/article/details/86539509 以下是我
[个人学习记录，附参考链接]：WenStorm无法识别vue3 // @ is an alias to /src
qq_38545425的博客
05-18 1005
上问题 解决办法 项目根目录创建alias.config.js，添加内容 /** * 由于 Vue CLI 3 不再使用传统的 webpack 配置文件，故 WebStorm 无法 识别别名 * 本文件对项目无任何作用，仅作为 WebStorm 识别别名用 * 进入 WebStorm preferences -> Language & Framework -> JavaScript -> Webpack，选择这个文件即可 * */ const resolve =
webStorm搭建vue-cli(不用cmd命令窗口建)
water_java的博客
12-01 672
我们用webStorm搭建vue项目可以有两种，一种是用cmd命令窗口建，可以参考我博文：https://mp.csdn.net/mdeditor/103264739 还有一种就是直接在webStorm创建,不用cmd命令窗口建 现在我就是用第二种方式 在建项目之前需要安装好git（当然node.js必要的环境，这里我就不说了，我博客里有）,可以参考我博文：https://mp.csdn.net/...
解决webstorm不能识别vue的@路径引用
学习使我快乐_玉祥
03-06 2640
vue3版本： vue.config.js文件中加入如下内容： module.exports = { resolve: { alias: { "@": require("path").resolve(__dirname, "src") } } }; 在webstorm的设置中找到Webpack设置，选第三个，选中vue.config.js文件， 重启后就会生效。 ...
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
10-16
然而，在使用IntelliJ IDEA或WebStorm这样的IDE时，有时可能会遇到Vue CLI脚手架项目无法识别Webpack别名的问题，这会给开发带来不便。本文将详细介绍如何解决这个问题。 首先，Webpack别名是Webpack配置中的一个...
详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持
10-19
在本文中，我们将深入探讨如何在WebStorm中为Vue.js单文件组件添加高亮显示和语法支持，这对于Vue开发者来说是非常实用的技巧。Vue.js是一个流行的前端框架，而WebStorm是一款强大的JavaScript集成开发环境（IDE），...
WebStorm配置Vue开发环境
weixin_30852419的博客
01-22 1667
　　虽然最新版的前端开发利器WebStorm支持了Vue，但是大部分人的WebStorm依然是默认不支持Vue的老版本（比如之前的我），所以需要手动添加WebStorm对Vue的支持。要想让WebStorm支持Vue主要分两步，第一步是安装Vue.js插件，使得WebStorm能够对Vue语法进行提示；第二步是配置Vue模板，即快速创建Vue文件。 　　1.安装Vue.js插件 　　点击Pre...
webstorm开发vue，进行一些配置
satisfy
12-24 3万+
从 File 菜单点击 Settings（OS X 下是从 WebStorm 菜单点击 Preferences）打开设置窗口，然后从左边栏选择 Plugins 项，点击“Browse repositories...”按钮。 设置js语言版本 添加vue.js模版 我们将要创建的 Vue.js 单文件组件模板内容为：
Vue(二十三)webstorm创建vue-cli脚手架项目
Good Luck
05-28 1162
1.创建项目 大约五到十分钟后，项目创建完毕。 2.启动项目（1.可以使用命令式：即如下图；2.可视化启动：webstorm右上角的启动按钮和蜘蛛按钮都可以启动） 3.启动可视化UI Ctr+C关闭项目（如果是可视化启动，点击红色方块停止即可） 黑窗口执行命令： vue ui 4.安装插件（示例：vuex、vue-router） 这时候可以看到、后台报错了： 这个是因为eslint语法检查导致的，eslint语法只允许kebab-ca...
用vue-cli构建了项目之后在webstorm开发，用npm run dev跑本地服务，经常修改之后在浏览器刷新没反应，偶尔才会有刷新，需要重新跑一遍npm run dev才会更新，这是怎么回事呢？
java_goodstudy的博客
12-29 1万+
webstorm保存的时候会先保存到旧时文件中，其实并没有真正保存，要在setting->stystem settings下的“use save write”去掉
用webstorm搭建vue项目
热门推荐
weixin_40760196的博客
04-15 10万+
本文只针对新手。 首先要明白几个名词（概念）。 Node.js： Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。  Node.js 的包管理器 npm，是全球最大的开源库生态系统。 npm：   npm全称为Node Package Manager，是一个基于No...
webstorm vue-cli的热加载好像失灵了·····
qq_35671953的博客
12-29 3763
今天用webstorm做项目的时候遇到一个坑,vue-cli的热加载好像失灵了，每次更新代码都需要重新npm run dev，后来发现是webstorm的坑var hotMiddleware = require('webpack-hot-middleware')(compiler) // force page reload when html-webpack-plugin template chan
webstorm 不识别路径别名@
&&
06-01 1万+
'use strict' const path = require('path') function resolve(dir) { return path.join(__dirname, '.', dir) } module.exports = { context: path.resolve(__dirname, './'), resolve: { extensions:...
webstorm 无法识别vue文件问题解决
qq_35089721的博客
10-30 4189
让webstorm 识别vue cli3项目中的@路径别名正确解析的配置方法
weixin_43343144的博客
03-19 1万+
特别注意：如果在scss中使用@别名则需要加~号。比如在src目录下有一个var.scss文件，其他文件引用时则需写成： @import "~@/var.scss"; （scss中加了~@就不会报错了） 参考：https://www.cnblogs.com/axel10/p/10417579.html ...
Webstorm那些事 之 识别vue项目@根路径符号
crazy_jialin的博客
06-15 5465
问题描述 相信大家在开发过程中一定碰到过vue项目中识别不了@符号（代表项目根路径），就像下面这个图一样： 代码下方一直有webstorm的提示波浪线，Module is not found 或者 Module is not install，使用Ctrl + 鼠标左键 也点不进去，很是头大 问题解决 安装 @vue/cli-servicenpm install @vue/cli-service --save-dev 在项目根目录下创建 webstorm.config.js，并将下面内容粘贴进去'
webstorm不能识别vue3的 defineEmits
最新发布
07-28
如果WebStorm无法识别Vue 3的defineEmits，您可以尝试以下步骤进行配置： 1. 确保您的WebStorm版本是最新的，以获得对Vue 3的最新支持。 2. 在您的Vue 3项目中，确保已安装了Vue 3的相关依赖。您可以通过运行以下命令来安装最新版本的Vue 3： ```bash npm install vue@next ``` 3. 确保您的WebStorm已正确配置Vue.js的语言支持。您可以按照以下步骤进行配置： - 打开WebStorm的设置（Preferences）。 - 在左侧导航栏中选择 "Languages & Frameworks"。 - 选择 "JavaScript"，然后在右侧的 "JavaScript language version" 下拉菜单中选择 "ECMAScript 6" 或更高版本。 - 在左侧导航栏中选择 "Vue.js"。 - 在右侧的 "Version" 下拉菜单中选择 "Vue 3.x"。 4. 如果仍然无法识别defineEmits，请尝试手动添加类型声明文件。创建一个名为 `shims-vue.d.ts` 的文件，并将以下内容添加到文件中： ```typescript declare module 'vue' { export function defineEmits<T extends Record<string, (...args: any[]) => any>>(emits: T): T; } ``` 5. 确保您的WebStorm重新加载了项目，然后尝试使用defineEmits时，应该能够正确识别它的类型。 通过以上配置，您应该能够在WebStorm中正确识别Vue 3的defineEmits。如果问题仍然存在，请确保您的项目正确配置并且已安装了正确的依赖。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值