webstorm打开vue(webpack)项目module报错vue周边标签无提示

最新推荐文章于 2023-12-21 17:10:44 发布
最新推荐文章于 2023-12-21 17:10:44 发布
阅读量1.1k 收藏
点赞数 1
分类专栏： 项目配置 前端 CSS JS HTML 开发工具
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37581115/article/details/89609967
版权
前端 同时被 3 个专栏收录
14 篇文章 0 订阅
订阅专栏
JS
5 篇文章 0 订阅
订阅专栏
CSS
4 篇文章 0 订阅
订阅专栏

1. 出现此问题的原因是，webstorm没有正确加载node_modules（node模块）

    例如图中所示情况，module白色波浪线报错，router-link标签报错且标签预提示

 

2.解决方案

    webstorm打开项目后，右键node_modules目录，选择Mark Directory as --->Not Excluded，等待webstorm重建索引

    

3.最终效果

 

神奇程序员
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
webstorm搭建vue环境以及通过webpack模板搭建项目流程
08-19
webstorm搭建vue环境以及通过webpack模板搭建项目流程
vue和webpack项目构建过程常用的npm命令详解
08-27
本文通过实例代码给大家介绍了vue和webpack项目构建过程常用的npm命令,需要的朋友可以参考下
webstorm+vue初始化项目的方法
12-12
vue新项目准备： 1、安装nodejs，官网下载傻瓜安装 node -v 验证 2、npm包管理器，是集成在node中的，所以安装了node也就有了npm npm -v 验证 3、安装cnpm npm install -g cnpm –registry=http://registry.npm.taobao.org （完成之后，我们就可以用cnpm代替npm来安装依赖包了。如果想进一步了解cnpm的，查看淘宝npm镜像官网。） 4、安装vue-cli脚手架构建工具 npm install -g vue-cli vue新项目构建： 1、初始化项目模板： vue init webpack-simp
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
10-16
主要介绍了解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题,需要的朋友可以参考下
Vue项目：项目初始化+项目配置+项目集成
Acloasia的博客
08-19 2394
eslint针对的是javascript，他是一个检测工具，包含js语法以及少部分格式问题，在eslint看来，语法对了就能保证代码正常运行，格式问题属于其次；当我们 commit 提交信息时，就不能再随意写了，必须是 git commit -m 'fix: xxx' 符合类型的才可以，需要注意的是类型的后面需要用英文的 :，并且冒号后面是需要空一格的，这个是不能省略的。对于我们的commit信息，也是有统一规范的，不能随便写,要让每个人都按照统一的标准来执行，我们可以利用commitlint来实现。
webstorm开发Vue项目 ElementUI 未知HTML标记 提示问题的解决
最新发布
weixin_53812239的博客
12-21 1429
webstorm开发Vue项目 ElementUI 未知HTML标记 提示问题的解决
webstorm之Vue未知html标签警告取消方法【webstorm中如何设置自定义html标签】
weixin_43343144的博客
03-07 1万+
解决 不用添加自定义标签 只需要设置不认识的标签不进行提示即可 file -> settings -> editor -> inspections -> html -> unkown html tag, unkown html tag attribute ...
解决webstorm中vue语法没有提示
热门推荐
zane
11-15 4万+
首先看看webstrom内置的vue插件,打上勾,没有这个选项就要自己去下载插件了 如果插件还是没有语法提示,可以用下面的方法,自己添加语法进去 搜索 unknown HTML tag attributes ,将下面的指令复制到点开的窗口里 v-text v-html v-once v-if v-show v-else v-for v-on v-bind v-model v-ref v-el...
Webstorm引入的ui库标签没有代码提示？设置这里可以解决
Spy003的博客
11-25 3606
这篇文记录一个webstorm使用的一个小问题，就是有时候新建的项目，install以后，引入的其他ui组件，写标签的时候，没有代码的自动提示，我用webstorm最重要的就是使用它那智能的代码提示，多点几下回车可以减少我手写很多的代码，尤其是个标签自带的属性提示，现在他不提示了，我用的vant的插件。
解决WebStorm中项目没有tailwind代码提示
wzlwzl2的博客
07-25 1825
webstorm中没有tailwind代码提示
webstorm搭建vue项目（新手参考）
01-20
安装webstorm 首先安装webstorm，因为webstorm 集成了多种版本控制工具，基本的功能都可以使用，比如git。同时它也支持node.js调试，对于学生也有免费的优惠，稍后会讲如何申请。 webstorm官网 自己选择要安装的...
2022大 厂 前端面试题手册
油墨香^-^的博客
05-17 1601
HTML、CSS、浏览器 相关................................................................... 1 1.网络中使用最多的图片格式有哪些.............................................................................................1 2. 请简述 css 盒子模型........................................
解决Webstorm中Nodejs没有代码智能提示问题，Coding assistance for Node.js不能勾选也没事
qq_41055850的博客
07-01 3993
问题简介 在使用webstorm学习Nodejs时发现相关关键词没有提示且带有下划线， 在网上搜索了有关的解决方法，大致如下 1.依次点击webstorm中的file-Settings，在搜索框中输入Node会弹出如下窗口 Node interpreter是设置node存放位置的地址 Coding assistance for Node.js是勾选代码智能提示 如果你的Coding assistance for Node.js可以勾选，且勾选后查看代码有提示且没有下划线就代表成功 2.如果上述方法不行，则
前端面试相关题（简易）
weixin_46025857的博客
12-14 548
HTML** ,CSS相关** 1.网络中使用最多的图片格式有哪些 JPEG,GIF,PNG,最流行的是jpeg格式，可以把文件压缩到最小 在ps以jpeg格式存储时，提供11级压缩级别 2.请简述css盒子模型 一个css盒子从外到内可以分成四个部分：margin（外边距），border（边框），padding（内边距），content（内容）** ​ **默认情况下，盒子的width和height属性只是设置content（内容）的宽和高** ​ **盒子真正的宽应该是：内容宽度.
Westorm使用过程中无vue标签提示
weixin_43170297的博客
07-02 1073
一 检查是否安装vue.js的插件 通过快捷键ctrl + shift + s 快捷键进入设置webstorm的设置页面,在左上方的搜索框输入plugins,再到搜索框输入vue,查看是否安装vue的插件,如无则按下install,进行安装 二 添加设置 如果设置好了,还没有v-if等代码提示,则需要手动添加 在左上方搜索框输入inspections, 再在上方搜索框输入 unkonwn HTM...
Vue项目调试总结-WebStorm+Chrome调试
我是guyue，guyue就是我O(∩_∩)O
08-14 3万+
Vue项目调试总结-WebStorm+Chrome调试 Vue项目调试总结-WebStorm+Chrome调试 - 为程序员服务 http://ju.outofmemory.cn/entry/354985 Vue项目其实是可以调试的，刚接触Vue项目开发时，在网上搜了一堆关于Vue项目调试的资料，发现网上都说比较难搞，也没有一个方案能走得通。都快要放弃了，后来试验了Vue官方推荐的...
解决WebStorm引入第三方 JS 库无代码提示的问题
kevinlcsdn的博客
06-30 1349
最近练习vue项目，引入了消息订阅的库，然后没有提示，还提示‘未解析的函数或方法xxx’
WebStorm中配置VUE提示
u011664286的博客
09-21 3146
webstorm 配置vue提示
Webstorm编辑器提示element-ui标签为未知HTML标记
dante325的博客
05-24 3908
Webstorm element-ui 未知HTML标记
使用webstorm创建vue项目
08-22
使用WebStorm创建Vue项目的步骤如下： 1. 打开终端，并运行以下命令安装Vue脚手架：npm install vue-cli -g 2. 然后在终端中切换到你想要创建Vue项目的文件夹，并运行以下命令：vue init webpack myproject1 （其中myproject1是你的项目名称） 3. 按照提示输入相关内容，比如项目名称、描述等。 4. 完成以上步骤后，Vue项目将被创建在指定的文件夹中。 另外，如果你希望在WebStorm中快速启动Vue项目，可以进行以下配置： 1. 打开WebStorm，点击顶部菜单栏的"File"，然后选择"Open"。 2. 在文件浏览器中选择你创建的Vue项目文件夹，点击"Open"按钮导入项目。 3. 导入项目后，WebStorm会自动检测到该项目的相关配置文件，并设置好Vue开发环境。 4. 接下来，你可以在WebStorm中编辑和修改Vue项目的代码。 5. 若要运行项目并调出控制台，可以使用WebStorm的内置功能，在顶部菜单栏中选择"Run"，然后选择"Run"或者按下快捷键"Ctrl + Shift + R"。 通过以上步骤，你就可以在WebStorm中创建和运行Vue项目了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [用webstorm创建vue项目](https://blog.csdn.net/u014274590/article/details/84849474)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [使用webstorm来创建并且运行vue项目详细教程](https://blog.csdn.net/qq_36538012/article/details/88054170)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值