vue-cli 3.x中@路径提示Module is not installed

已于 2022-12-22 09:20:39 修改
阅读量1.4w 收藏 26
点赞数 26
分类专栏： 前端 文章标签： Vue3.x 前端开发
于 2019-09-02 11:10:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37274323/article/details/100206842
版权

错误显示

IDEA中Vue项目引入的路径@路径格式中提示Module is not installed
错误提示

问题原因

  • vue3中没有了 webpack.config.js 文件
  • IDEA找不到这个文件了,所以提示这个信息

解决方式

  • 双击shift键,打开全局搜索,输入webpack
    全局搜索
  • 选择红框中的webpack
  • 点击选择路径
    选择路径
  • 选择路径
    选择路径
  • 路径为项目中的 node_modules -> @vue -> cli-service -> webpack.config.js 文件.
  • 点击确定后IDEA 会提示IDEA 提示

如果未生效,则重启下IDEA,即可解决问题.

道一哥哥
关注
  • 26
    点赞
  • 踩
  • 26
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
专栏目录
module “QtQuick.Studio.Effects“ is not installed解决办法
std::cout"helloworld"std::endl
06-16 1184
module "QtQuick.Studio.Effects" is not installed解决的办法
vue项目idea提示Module is not installed解决
qq_17444449的博客
05-11 563
原文链接：https://blog.csdn.net/u014042372/article/details/118026701。
vue3+ts+vite中“@“路径失效
最新发布
wsq8435的博客
07-30 534
出现报错: ts类型错误提示找不到模块“path”或其相应的类型声明。文件有两个path，把app.json的路径删了即可。1.安装 npm i @types/node -D。最后：记得重启vscode。
Vue-cli3.x中使用@引入文件Module is not installed
qq_43620423的博客
09-05 1569
一、问题产生 1.出现错误 2.出现原因 在使用WebStrom或是Idea对vue项目进行开发时通常会使用“@ + 路径”的方法来引入文件， 但是由于在Vue-cli3.x中没有了build文件夹，而编译器又找不到webpack.config.js文件， 所以就出现了Module is not installed这个错误。 二、解决方法 既然编译器找不到webpack.config.js文件，那么我们就告诉编译器文件位置。 1.打开设置 使用快捷键 Ctrl+Alt+S 或者 通过以下步骤打开 F
【笔记】Webstorm vue-cli3 import compoent: “Module is not installed”
印记
09-19 367
Webstorm在使用到vue-cli 3 的时候，出现 import compoent: “Module is not installed”。 ...
Vue 中的 @ Module is not installed
word_joke的博客
01-02 1046
https://blog.csdn.net/qq_37274323/article/details/100206842
idea开发vue项目时，使用@引入组件警告：Module is not installed
Rosen's
03-05 6222
由于在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.
npm插件开发(基于vue-cli3.x)
流离宝宝的博客
11-05 1122
基于vue-cli3.x的npm插件开发创建项目调整目录配置项目以支持新的目录结构重新配置入口，修改配置中的 pages 选项编写组件导出组件将packages中的所有组件导出在项目中引入组件配置编译package.js 中新增一条编译为库的命令执行编译库命令配置 package.json 文件中发布到 npm 的字段发布包名类似，拒绝发布使用作用域添加.npmignore 文件，设置忽略发布文件...
安装 cnpm install -g @vue/cli@4.0.3失败
weixin_53618357的博客
07-28 2472
你可以尝试在Vue CLI的官方GitHub页面（https://github.com/vuejs/vue-cli）上查找类似的问题，并查看解决方案。2. 尝试使用`npm`命令而不是`cnpm`命令进行安装。你可以尝试使用`npm install -g @vue/cli@4.0.3`命令来安装Vue CLI。使用命令cnpm install -g @vue/cli@4.0.3在cmd中安装vue cli但是报了下面的错误C:\Users\t>cnpm install -g @vue/cli@4.0.3。
npm install报错peerDependencies WARNING eslint-plugin-vue@^5.2.3 requires a peer of eslint@^5.0.0 but
01-07
peerDependencies WARNING eslint-plugin-vue@^5.2.3 requires a peer of eslint@^5.0.0 but eslint@6.8.0 was installed peerDependencies WARNING eslint-plugin-vue@5.2.3 › vue-eslint-parser@^5.0.0 requires ...
vue-cli4更新历程
禅思院
10-17 7868
4.0.1 (2019-10-16) ???? Bug Fix @vue/cli-plugin-eslint, @vue/cli-plugin-router, @vue/cli-plugin-vuex, @vue/cli-service-global, @vue/cli-ui-addon-webpack, @vue/cli-ui-addon-widgets, @vue/cli-ui, @vue/cli...
vue.config.js中配置Vue的路径别名的方法
10-15
在Vue.js开发中，路径别名是一个非常实用的功能，它允许开发者为项目中的常用路径创建简短的别名，从而提高代码的可读性和可维护性。Vue CLI提供了一个名为`vue.config.js`的配置文件，允许我们自定义项目的构建设置...
vue项目idea提示Module is not installed
qq_38392623的博客
11-10 3196
现象如图: 原因: 没有配置webpack文件 参照以下配置: 如果项目内有build文件夹 则配置build文件夹下配置文件
解决vue项目中引入组件时出现的Module is not installed问题
yu57955的博客
12-03 7311
如图，在vue项目中import自己定义的组件时，‘@api/table’出现下划线，ctrl+右键点击不会跳转到对应组件。鼠标移上去显示Module is not installed，多方查询后终于弄清楚了原因。 图中路径中有个@符号，这个符号是在build目录下的webpack.base.conf.js文件中定义的，代表当前项目的src目录。 之所以出现上述问题是因为在下图中的webpack中没有指定webpack 的配置文件，或者配置文件指定得不对。找到原因后解决方案就简单了，只需要将该配置文件路径
Webstorm Module is not installed/Cannot find declaration to go to
weixin_44240581的博客
02-17 443
Webstorm 点击无法跳转到对应文件
（windows）The _imagingft C module is not installed
weixin_45592583的博客
01-18 627
The _imagingft C module is not installed
导入模块后仍 WebStorm 提示 Module is not installed
m0_62062242的博客
12-22 973
导入模块后仍 WebStorm 提示 Module is not installed
[jetson]pillow 报ImportError: The _imagingft C module is not installed
FL1623863129的博客
03-30 863
运行时出现ImportError错误“The _imagingft C module is not installed”具体出错的那行代码是font = ImageFont.truetype()但运行时仍然报错，试了几次仍然不行。这次就顺利的成功了。
vue-cli 4.x中Vant按需加载解决方案与升级步骤
4. 提示：如果你是从vue-cli 3.x升级到4.x，需要注意官方文档可能存在版本差异，可能需要查阅最新文档以了解具体的升级步骤。在升级过程中，可能会遇到版本冲突的问题，如`npm install -g @vue/cli`命令可能不会立即...
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值