vue项目运行报Module not found: Error: Can‘t resolve ‘@/component/TaskCard‘错误

最新推荐文章于 2024-05-07 21:39:15 发布
最新推荐文章于 2024-05-07 21:39:15 发布
阅读量7.7w 收藏 8
点赞数 13
分类专栏： 前端 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hua_ban_yu/article/details/115242733
版权
前端 同时被 2 个专栏收录
73 篇文章 6 订阅
订阅专栏
vue
21 篇文章 0 订阅
订阅专栏

运行vue项目时报Module not found: Error: Can't resolve '@/component/TaskCard'错误

 

原因：App.vue文件引入的路径报错

解决方案：修改App.vue文件的引入路径

     错误路径：

 

 

    正确路径：

 

 

注意：如果修改路径还报错，请删除node_modules文件夹后重新运行  npm install

hua_ban_yu
关注
  • 13
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
解决React在安装antd之后出现的Can’t resolve ‘./locale’问题
01-06
React在安装antd之后出现的Can’t resolve ‘./locale’问题，是因为moment在2.2之后的版本都有问题，而react默认使用了最新的moment，但是在moment@2.18.1中是没有问题的。 解决方案就是配置webpack的alias,将所有...
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue 项目找不到模块(Module not found)
分享我的编程经验和学习心得
03-01 2万+
Module not found: Error: Can't resolve... 只要将你写的组件名name和文件名称统一就可以了 比如你的组件名为Test 文件名也必须为Test.vue
vue2初始化项目环境后运行报错： code: ‘MODULE_NOT_FOUND‘, requireStack: []
最新发布
m0_59989429的博客
05-07 966
vue2初始化项目环境后运行报错： code: 'MODULE_NOT_FOUND', requireStack: []
Module not found: Error: Can‘t resolve ‘@/components/person/editPhoneNum‘ in ‘F:\jy\juyi_dataplat_we
暂时还没想好博客简介
11-21 2285
​抽取页面中的组件作为子组件时候报错如下 Module not found: Error: Can't resolve '@/components/person/editPhoneNum' in 'F:\jy\juyi_dataplat_we 找不到模块：错误：无法解析'F:\jy\juyi_datalat_we中的'@/components/perse/editPhoneNum'
npm打包在linux上出现了Module not found: Error: Can’t resolve XXX
weixin_42608188的博客
09-08 2675
做自动化部署，需要在linux服务器上利用脚本自动出包。脚本依次执行。
Module not found: Error: Can't resolve 'babel-runtime/helper/extends'
monica1_1的博客
11-29 1万+
最近启动一个vue的项目，结果老是报错，还是一大片的爆红，上网搜了很多，竟说些有的没的，在此解决了，以作记录~ 报错1场景： ERROR in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue Module not fo...
Module not found: Error: Can‘t resolve “xxx“ in “xxx“导致该问题的解决方案
热门推荐
qq_59389108的博客
01-07 5万+
其细致的报错为：Module not found: Error: Can't resolve './images/logo.png' in 'xxx'2：在非路由组件中的style下采用了less样式，而没有下载less相关依赖。在遇到报错时应该仔细阅读报错提示，这样解决起来也不会没有头绪。1：在非路由组件中出现了图片路径，而路由根组件并未导入该图片。根据报错提示反应的情况是：找不到模块：错误：无法解析。在此处我们谈论一下解决该类报错的几种方法。解决方案：在非路由组件下导入该图片。
webpack中Module not found: Error: Can‘t resolve ‘@/pages/home.vue‘ in ‘/Users/Documents/react
qq_42535651的博客
08-27 5812
在使用 webpack 进行 vue 项目搭建时，引入vue组件时出现了 Module not found 的问题。 以前使用 vue-cli 脚手架帮我们配置好了 webpack 的配置。现在需要我们自己配置。 先配置 webpack 中的 alias ： module.exports = { resolve: { // 以下配置会将没指定拓展名的文件按如下类型查找匹配 extensions: ["*", ".js", ".vue"], // 设置别名 alias:
手动解决Cannot find module '@sentry/webpack-plugin'等问题
10-06
解决Cannot find module '@sentry/webpack-plugin'，Cannot find module '@sentry/browser'，Cannot find module '@sentry/cli'等问题。<br/> 下载后，解压后文件夹，放在vue项目的node_modules文件夹下，即可。
Cannot find module ‘xxx’，错误解决方法
01-08
vue-router.esm.js:1897 Error: Cannot find module '@/views/login/index' at webpackEmptyContext (index.js:39) at permission.js:90 解决方法 进入router中的index.js component: () => import('@/views/login/...
Module not found: Error: Can‘t resolve ‘@/assets/1.png‘ in ‘E:\code\2.0\myapp\src\components‘
qwervuhh的博客
12-22 2349
出现这个报错大多是路径的问题 方法一： 将以下代码 background-image: url('@/assets/images/login.png'); 改为 background-image: url('~@/assets/images/login.png'); 方法2： 如果方法一没有解决问题那就试试方法2 将地址改成绝对地址，去掉@ ...
Vue-Cli脚手架配置webpack打包错误
weixin_45178629的博客
02-25 611
报错Module not found: Error: Can't resolve './router' in 'xxxxx'
一招解决vue中Module not found: Error: Can‘t resolve ‘xxx‘
qq_52174918的博客
05-07 4733
即可。
vue项目路由配置一直显示“Module not found: Error: Can‘t resolve ‘@/components/Two ‘ in ‘D:...“
h_4444的博客
03-24 9444
也许是import Two from ‘@/components/Two’ 的引号里的two 后面多了一个空格，我也是服了，这么小的一个小错误，就让我头痛十分钟，呵呵
Module not found: Error: Can‘t resolve ‘less-loader‘ in ‘文件位置‘报错解决
lhlvictory的专栏
09-29 1万+
报错为：UnhandledPromiseRejectionWarning: TypeError: loaderContext.getResolve is not …原因：less 、 less-loader模块未安装，但在中进行使用。解决方法：npm install --save-dev less-loader less。直接安装可能会存在版本太高问题的报错，进行npm run dev时项目无法启动。.0 -D 可在版本位置选择合适的版本。
VUE前端启动报错Module not found: Error: Can‘t resolve ‘sass-loader‘
阳光创意站
06-06 1万+
sass-loader 是依赖于 node-sass 包的，如果没有安装 node-sass 包，也会导致无法找到 sass-loader 包。如果以上方法都不能解决问题，可以尝试升级项目中的 webpack 和相关依赖到最新版本，或者查看其他可能产生此问题的原因，如文件路径错误等。3、确认项目中是否已在 webpack 配置中正确配置 sass-loader。这段代码会检测项目中是否存在 .scss 或 .sass 文件，并使用 sass-loader 来解析这些文件。
vue：Module not found: Error: Can‘t resolve ‘./src/assets/home_top_bg.png‘ in ‘C:\...src\components‘
yyyyyyyyyyy_9的博客
08-02 2271
这个错误表明在Top.vue组件中引用的图片路径./src/assets/home_top_bg.png无法找到。确认图片文件是否存在：检查src/assets目录下是否存在名为home_top_bg.png的图片文件。确认图片路径是否正确：检查Top.vue组件中图片引用的路径是否正确。确保路径与图片实际位置相符。确认图片名称是否正确：如果图片文件名为home_top_bg.png，确保在代码中引用图片时大小写和拼写是一致的。重新运行项目：如果你对以上问题进行了修复，请重新运行项目并确保错误是否消失。
Module not found: Error: Can't resolve '@/components/uni-collapse.vue'
12-16
这个错误通常是由于webpack无法解析路径而导致的。在这种情况下，webpack无法找到指定的模块。要解决这个问题，你可以尝试以下几种方法： 1. 确保你的路径是正确的。检查路径是否正确，包括大小写和文件扩展名。 2. 确保你的模块已经安装。你可以使用npm或yarn安装模块，例如： ```shell npm install @/components/uni-collapse.vue ``` 3. 确保你的webpack配置正确。你需要在webpack配置文件中添加一个别名，以便webpack可以正确地解析路径。例如： ```javascript resolve: { alias: { '@': path.resolve(__dirname, 'src') } } ``` 这将把@符号映射到src目录，以便webpack可以正确地解析路径。 4. 如果你使用的是vue-cli创建的项目，你可以尝试在vue.config.js文件中添加以下内容： ```javascript module.exports = { chainWebpack: config => { config.resolve.alias.set('@', path.resolve(__dirname, 'src')) } } ``` 这将把@符号映射到src目录，以便webpack可以正确地解析路径。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值