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

原创 已于 2022-05-10 16:49:10 修改 · 1.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#webstorm #vue

于 2021-09-12 11:05:32 首次发布
本文介绍了如何在Mac和Windows环境下，通过WebStorm设置JavaScript项目的Webpack配置，以实现更高效地管理和构建项目。主要步骤包括在WebStorm的 preferences 或 Settings 中找到 Languages & Frameworks -> JavaScript -> Webpack 进行配置，确保与项目中的node_modules目录中对应的Webpack配置文件同步。

一、mac设置

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

设置项目配置的js

 

二、windows设置

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

 

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

 

 

关于Vite+Vue+Ts WebStorm路径别名的问题
Odyssey_kd的博客
06-26 843
最后文章写到这我发现，好像只用配置下面这么多就不报错了，如果还是报错就把node_modules删除重新 npm i 试试。
Vue.js + Vuex + TypeScript 实战项目开发与项目优化
前端高薪进击手记
03-02 672
引入 Element 时，可以传入一个全局配置对象。该对象目前支持 size 与 zIndex 字段。size 用于改变组件的默认尺寸，zIndex 设置弹框的初始 z-index（默认值：2000）。，我们可以只引入需要的组件，以达到减小项目体积的目的。完整组件列表和引入方式（完整组件列表以。需要注意的是，样式文件需要单独引入。
webstorm中vue项目import的内容不能直接ctrl+鼠标点击跳转（若依等vue项目）
专栏
11-09 6535
方法： 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 639
1、跟目录(与src同级)下创建jsconfig.json。2、jsconfig.json 配置内容。
Webstorm vue项目@路径不能跳转到对应资源,提示Cannot find declaration to go to
IT小辉同学
06-21 2172
伸手需要一瞬间，牵手却要很多年，无论你遇见谁，他都是你生命该出现的人，绝非偶然。——若无相欠，怎会相见。
vue3 ts 点击引入文件无法跳转
WKJYC的博客
06-08 1100
Ctrl+shift+p 搜索show built-in extensions。点击这个import HomeView无法跳转。然后左侧继续搜索typescript。点击禁用(工作区) 然后重启。
WebStorm 2024.2.5 vue页面import写@/api/teacher/teacherMaintain无法跳转怎么解决
最新发布
09-02
我们正在解决WebStorm 2024.2.5中在Vue页面里使用`import '@/api/teacher/teacherMaintain'`无法跳转的问题。根据引用[1][2][3][4][5]的内容，以及Vue项目中的常见实践，我们可以从以下几个方面进行排查和解决： ##...
在 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 2787
首先从零基础开始学这个Vue，没人带纯自己考上网查。太难了我。。。。 废话不多说首先 下载webstorm，做好Vue一系列的配置，这里我就不多说了网上一大堆，然后按照创建项目，选择创建vue项目创建成功之后如下图: node_modules目录下是你用npm 安装的一些列的第三方插件和webpack的一些东西，具体都啥作用，我也没整那么明白，反正就是一些开发Vue相关的组件，后面我要是开发熟练了...
webpack的alias别名引用 在webstorm中点击不能跳转？
weixin_33755847的博客
05-21 3239
前言：之前有一个问题困扰了我很长时间，为了引用模块统一性，我们一般会在webpack中配置alias别名，然后进行统一引用，比如这样：webpack配置：引用：但是一般情况下，我们在webstorm里面会使用commond(window下为ctrl)键 + 鼠标左键来跳转，这里就会出现上面这样的提示，导致无法跳转。出现这个问题的原因是：webstorm中专门有webpack的相关配置，默认的路径直...
WebStorm + Vue 跳转到文件，解决@符号引入无法跳转的问题
qq_42853039的博客
10-28 4033
WebStorm + Vue 跳转到文件，解决@符号引入无法跳转的问题WebStorm + Vue 跳转到文件，解决@符号引入无法跳转的问题 WebStorm + Vue 跳转到文件，解决@符号引入无法跳转的问题 在项目根目录下创建webpack.config.js文件 'use strict' const path = require('path') module.exports = { context: path.resolve(__dirname, './'), resolve: {
webstorm无法识别@路径的问题，左键无法跳转
qq_36973540的博客
06-24 796
webstorm设置里找到以下位置，引入新建的 webstorm.config.js即可，不生效把webstorm重启一下。在项目根目录下创建 webstorm.config.js。
webstorm不识别@
Mj_lo的博客
03-31 697
vue.config.js中找到configureWebpack。设置成如下 ，关键点在extensions。
webstorm 使用别名（@）import @import 时异常的问题
小糖穿越火线
04-09 1312
webstorm 使用别名（@）import @import 时异常的问题 解决： 在根目录下新建 jsconfig.json { "compilerOptions": { "target": "ES6", "module": "commonjs", "allowSyntheticDefaultImports": true, "baseUrl": ".", "paths": { "/@/*": ["./src/*"] } }, "exc
webstorm 无法识别 @
weixin_43967105的博客
01-05 2172
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 2139
最近练习vue项目，引入了消息订阅的库，然后没有提示，还提示‘未解析的函数或方法xxx’
Pycharm 函数无法跳转，设置import的路径
AlwaySimple的博客
04-24 1844
这个根目录必填，按照自己的目录填写，如果不填，虽然不会报错，但是也是无法跳转的。然后可以实现文件内的跳转和跨文件跳转，如果部分库没有，则自己添加安装软件包即可。可以看到import都报错了，未解析的引用 'xxxxx'之类的。这两个地方填写正确后，预期python中import不会再有报错。这个一般是import的路径问题，
webstorm不能识别@import “~@/assets/css/main“的解决办法
hunt_er的博客
06-23 6826
导入的项目npm install后，发现css引用报错，报错内容：Cannot resolve directory '~@'。 既然是不能解析目录，猜想不是项目本身的问题，应该是webstorm或者eslint配置问题。 鉴于eslint已经配置好，所以应该是webstorm没有配置好，百度了一下，发现网上的文章真是牛头不对马嘴。。。。不过还好，最后让我找到了解决方法！ 问题： webstorm不能识别项目中导入css文件的目录， @import "~@/assets/css/main"
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值