webstorm vue项目import @xx.js引用无法跳转

已于 2022-05-10 16:49:10 修改
阅读量1.6k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： nodeJs IDE的日常收集 文章标签： webstorm vue
于 2021-09-12 11:05:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/wangzhufei/article/details/120248168
本文介绍了如何在Mac和Windows环境下，通过WebStorm设置JavaScript项目的Webpack配置，以实现更高效地管理和构建项目。主要步骤包括在WebStorm的 preferences 或 Settings 中找到 Languages & Frameworks -> JavaScript -> Webpack 进行配置，确保与项目中的node_modules目录中对应的Webpack配置文件同步。

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

一、mac设置

webStorm -> preferences -> Languages & Frameworks -> JavaScript -> Webpack

设置项目配置的js

 

二、windows设置

1、file -> Settings -> Languages&Frameworks -> Javascript -> Webpack

 

 三、点击当前项目中的node_modules目录找到对应文件 以下是本人的项目找的路径

 

 

Webstorm vue项目@路径不能跳转到对应资源,提示Cannot find declaration to go to
IT小辉同学
06-21 1998
伸手需要一瞬间，牵手却要很多年，无论你遇见谁，他都是你生命该出现的人，绝非偶然。——若无相欠，怎会相见。
Vue.js + Vuex + TypeScript 实战项目开发与项目优化
前端高薪进击手记
03-02 638
引入 Element 时，可以传入一个全局配置对象。该对象目前支持 size 与 zIndex 字段。size 用于改变组件的默认尺寸，zIndex 设置弹框的初始 z-index（默认值：2000）。，我们可以只引入需要的组件，以达到减小项目体积的目的。完整组件列表和引入方式（完整组件列表以。需要注意的是，样式文件需要单独引入。
webstorm中vue项目import的内容不能直接ctrl+鼠标点击跳转（若依等vue项目）
专栏
11-09 6312
方法： 1、file -> Settings -> Languages&Frameworks -> Javascript -> Webpack 2、点击文件夹图标，找到该项目所在位置，打开下图文件 3、按步骤找到webpack.config.js，选中 4、依次点击OK、Apply 5、小加载一会，点击import引入的内容，就会进行对应的跳转啦！ ...
webstorm vue项目 @/xx/xx 相对路径不能跳转到对应文件
qq_26711723的博客
04-10 585
1、跟目录(与src同级)下创建jsconfig.json。2、jsconfig.json 配置内容。
vue3 ts 点击引入文件无法跳转
WKJYC的博客
06-08 1012
Ctrl+shift+p 搜索show built-in extensions。点击这个import HomeView无法跳转。然后左侧继续搜索typescript。点击禁用(工作区) 然后重启。
webpack的alias别名引用 在webstorm中点击不能跳转？
weixin_33755847的博客
05-21 3216
前言：之前有一个问题困扰了我很长时间，为了引用模块统一性，我们一般会在webpack中配置alias别名，然后进行统一引用，比如这样：webpack配置：引用：但是一般情况下，我们在webstorm里面会使用commond(window下为ctrl)键 + 鼠标左键来跳转，这里就会出现上面这样的提示，导致无法跳转。出现这个问题的原因是：webstorm中专门有webpack的相关配置，默认的路径直...
WebStorm + Vue 跳转到文件，解决@符号引入无法跳转的问题
qq_42853039的博客
10-28 3962
WebStorm + Vue 跳转到文件，解决@符号引入无法跳转的问题WebStorm + Vue 跳转到文件，解决@符号引入无法跳转的问题 WebStorm + Vue 跳转到文件，解决@符号引入无法跳转的问题 在项目根目录下创建webpack.config.js文件 'use strict' const path = require('path') module.exports = { context: path.resolve(__dirname, './'), resolve: {
在 WebStorm/PhpStorm 中开启对 Vue.js 的完美支持
热门推荐
Stein的博客
01-20 1万+
最近的一个前后端分离项目开始使用 Vue.js 进行开发，就顺便优化了一下 PhpStorm 下的开发体验（PhpStorm 版本为 2017.1）。 注：在最新的 2017.1 版本中，PhpStorm（WebStorm）已经对 Vue.js 进行了原生支持，所以不需要装第三方插件了。 安装 Vue.js 插件 PhpStorm 目前的版本还没有对 Vue.js 进行原
使用webstorm开发Vue小项目（入门一）
qq_23988859的博客
04-17 2756
首先从零基础开始学这个Vue，没人带纯自己考上网查。太难了我。。。。 废话不多说首先 下载webstorm，做好Vue一系列的配置，这里我就不多说了网上一大堆，然后按照创建项目，选择创建vue项目创建成功之后如下图: node_modules目录下是你用npm 安装的一些列的第三方插件和webpack的一些东西，具体都啥作用，我也没整那么明白，反正就是一些开发Vue相关的组件，后面我要是开发熟练了...
Vue项目结合Turn.js制作翻页动画，项目部署发布，从零到1
weixin_45941687的博客
03-17 5625
Vue项目结合Turn.js制作翻页动画，项目部署发布，从零到1 1. 书籍翻页项目 - 翻页动画，页码跳转 2. 语言 vue 2.0 ，软件 Webstorm 3. 引入了 turn.js ，用到 jquery 4. 主要：翻页、触屏放大缩小、视频首页面显示、移动端与ipad适配
webstorm无法识别@路径的问题，左键无法跳转
最新发布
qq_36973540的博客
06-24 700
webstorm设置里找到以下位置，引入新建的 webstorm.config.js即可，不生效把webstorm重启一下。在项目根目录下创建 webstorm.config.js。
webstorm不识别@
Mj_lo的博客
03-31 672
vue.config.js中找到configureWebpack。设置成如下 ，关键点在extensions。
webstorm 使用别名（@）import @import 时异常的问题
小糖穿越火线
04-09 1289
webstorm 使用别名（@）import @import 时异常的问题 解决： 在根目录下新建 jsconfig.json { "compilerOptions": { "target": "ES6", "module": "commonjs", "allowSyntheticDefaultImports": true, "baseUrl": ".", "paths": { "/@/*": ["./src/*"] } }, "exc
webstorm 无法识别 @
weixin_43967105的博客
01-05 2114
import ** from ‘@/**’ 中，webstorm 无法识别@，ctrl+左键也无法跳转方法所在的位置，webstorm 也无高亮提示，如图： 第一步：建一个js 文件，如webstorm.config.js，然后把这个文件放在自己平时管理代码的文件中: 第二步：打开webstorm 设置：Settings>Languages&Frameworks>javascript>webpack，将webstorm.config.js的路径复制进去，点击Apply, ok 第三步：重新打开项目文件，
解决WebStorm引入第三方 JS 库无代码提示的问题
kevinlcsdn的博客
06-30 2014
最近练习vue项目，引入了消息订阅的库，然后没有提示，还提示‘未解析的函数或方法xxx’
Pycharm 函数无法跳转，设置import的路径
AlwaySimple的博客
04-24 1536
这个根目录必填，按照自己的目录填写，如果不填，虽然不会报错，但是也是无法跳转的。然后可以实现文件内的跳转和跨文件跳转，如果部分库没有，则自己添加安装软件包即可。可以看到import都报错了，未解析的引用 'xxxxx'之类的。这两个地方填写正确后，预期python中import不会再有报错。这个一般是import的路径问题，
webstorm不能识别@import “~@/assets/css/main“的解决办法
hunt_er的博客
06-23 6733
导入的项目npm install后，发现css引用报错，报错内容：Cannot resolve directory '~@'。 既然是不能解析目录，猜想不是项目本身的问题，应该是webstorm或者eslint配置问题。 鉴于eslint已经配置好，所以应该是webstorm没有配置好，百度了一下，发现网上的文章真是牛头不对马嘴。。。。不过还好，最后让我找到了解决方法！ 问题： webstorm不能识别项目中导入css文件的目录， @import "~@/assets/css/main"
webstom找不到vue全局组件
寿春
02-21 1686
但是这个只能自定义标签，不可能一个个配置，肯定是保留在vue里面的node——model里面所以我放弃了，我觉得只要引入就好了，百度了三个小时。所以我认为是这样，vue的文件是可以导入的，是因为在script 标签里面，相同的自动导入组件应该也是进来了，不然项目会报错，但是项目没有，所以一定是webstom的问题，于是我去目录里面去挂靠。直接说重点，既然是webstom的问题，我觉得我应该去官网看看，然后找了一个多小时，看到了这个。我尝试了不添加组件，进行编译，编译器中我也引入了这两个生成的自动导入文件。
Vue项目设置Webpack别名'@'及WebStorm适配教程
此外，文档中还提到了其他与Vue.js和WebStorm相关的教程和解决方案，如使用WebStorm和Chrome调试Vue项目，解决WebStorm无法识别Vue3组合式API的问题，以及在WebStorm中初始化和运行Vue项目的方法等。这些内容可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值