vue项目持续踩坑中.......

最新推荐文章于 2024-07-18 15:16:45 发布
最新推荐文章于 2024-07-18 15:16:45 发布
阅读量444 收藏
点赞数
分类专栏： vue 文章标签： vue bug
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44488749/article/details/103821084
版权

此项目基于vue-cli,上午跑的好好的,下午编译就报错

ncaught ReferenceError: undefinedcomponent is not defined
    at eval (App.vue?959d:38)

这是什么鬼错误!!!!!

Uncaught ReferenceError: undefinedcomponent is not defined
最后定位到了,由于项目用了HardSourceWebpackPlugin进行打包加速,在某次打包的时候将错误的代码缓存了起来,之后每次编译都走那个错误的缓存~~~~

解决方法:

删除node_modules,重新cnpm i (常规的配置中一般都是将缓存放在对应的node_modules中)
如果还是不行可以将HardSourceWebpackPlugin禁用!!!只是打包的速度会慢很多

不定时持续更新中…

Eava_星空
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue踩过的坑
十里不故梦
11-28 332
Vue脚手架取消ESLint校验 ESLint是插件化的 JavaScript 代码检测工具，使用脚手架的时候会使用eslint来实现代码的质量检测，但是真正在书写代码的时候要时刻记住这些 “标准”可能有点难受，比如结尾不加分号，使用单引号，首行俩个空格缩进等 vue.config.js： module.exports = { // 取消ESLint校验 lintOnSave: false } Vue cli3 bulid打包后dist文件夹下index.html打开为空白页问题的解决
vue解决：You may use special comments to disable some warnings.Use // eslint-disable-next-line to ign
qq_52154373的博客
03-21 1万+
方法4：如果是vue3新项目的话，找不到上面的文件，找到vue.config.js把vue.config.js中的lintOnSave的值改为false即可。方法3：当项目并不存在build文件夹，即不属于vue脚手架工程，那请到根目录下 config文件夹下的index.js文件，将useEslint属性设置为false。出现这样的问题是：ESLint 对语法的要求过于严格，出现这样的问题并不是写的代码有异常，是代码的格式有问题。注释完保存退出，重新启动项目即可。方法2：如果你的项目是。
解决You may use special comments to disable some warnings.
weixin_46683645的博客
04-27 2万+
解决You may use special comments to disable some warnings.
You may use special comments to disable some warnings.报错解决
easyJob
08-25 5506
You may use special comments to disable some warnings.报错解决 一、错误信息 You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file. 二、解决方法 找到build目.
Vue项目引入Echarts可视化图表库教程&踩坑
interest_ing_的博客
07-23 2563
Apache ECharts是一个基于 JavaScript 的开源可视化图表库，ECharts是一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。注：有些npm版本过高或者过低的时候下载Echarts的过程中可能会报错，遇到这种问题可以在后面加上 --legacy-peer-deps试试！简单来说，Echarts就是用来做数据可视化的，将一些有关联的数据源以图表的方式呈现，不仅方便阅读，一目了然，还可以增加网页的美化效果，增加逼格。
You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the
Aa12364567的博客
03-05 3700
You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file.
Vue2+Node.js前后端分离项目创建常用配置及踩坑点
SongD1114的博客
04-15 1440
Vue2+Node.js前后端分离项目创建常用配置及踩坑点
04.使用 github actions+docker 自动部署前后端分离项目 zhontai (.net core+vue)
最新发布
我不懂，可我不傻
07-18 741
Github Actions是什么？是 GitHub 提供的一种持续集成/持续部署（CI/CD）工作流程自动化服务,助力项目的自动化构建、测试和部署。依托于平台，本文将分享使用 GitHub Actions 完成对一个.Net Core+Vue 的前后端分离项目 zhontai 的构建，并使用 docker 部署到云服务器(阿里云)
taro开发小程序踩坑总结，持续更新中...
a805492851b的博客
03-23 1315
入门教程去看官网，只要React或Vue掌握其中一门就可以按官方文档说明去开发小程序，我是用的React语法开发的 开发环境 taro版本 @tarojs/cli@3.1.4 nodejs版本 v14.16.0 yarn版本 v1.22.10 踩过的坑 1. 官方文档中使用组件库的ScrollView组件遇到的bug (已解决) 项目中有个需求头部做一个tab页，tab页要固定在屏幕最上方，下面的内容是滚动到底部会继续加载，加载完会显示一个“内容已全部加载完”，还有滚动条是整个页面...
使用Vite创建VUE项目的一些记录和踩坑
weixin_43305107的博客
09-08 719
使用Vite创建VUE项目时遇到的一些坑，记录一下~
3. 如何快速搭建开发环境并让应用跑起来(脚手架Vue-CLI)
qq_43456781的博客
07-26 466
3. 当新入职一家公司时，如何快速搭建开发环境并让应用跑起来 文章目录3. 当新入职一家公司时，如何快速搭建开发环境并让应用跑起来3.1 回答3.2 脚手架Vue-CLI3.2.1 该系统的组件3.2.2 CLI3.2.3 CLI 服务3.2.4 CLI 插件3.3 npm run dev 与 npm start 的区别3.3.1 纯静态页面打包3.3.2 面向服务端的项目3.4 CI/CD3.4.1 CI 是什么？CI 和 CD 有什么区别？3.4.2 CI 持续集成（Continuous Integra
Vue报错：may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore
蓝胖子的博客
11-03 3054
Vue报错：may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore
去哪项目报错信息You may use special comments to disable some warnings.Use // eslint-disable-next-line to ig
2301_76510083的博客
03-09 402
去哪项目报错
报错:You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore
斯基的朦胧
03-02 406
You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file.
Vue解决报错：You may use special comments to disable some warnings. Use // eslint-disable-next-line to..
qq_54040535的博客
07-28 2559
出现这个问题的原因有很多，下面我们来一 一列举： 1、ESlint对语法的要求太过严格导致编译错误。 解决：取消ESlint验证规则即可 如果项目是vue脚手架项目的话，你就可以找到项目根目录下的bulid文件夹下的webpack.base.conf.js，把验证规则 rules里的代码注释掉即可，注释完保存退出，重启下项目即可解决。 但如果你的项目不是vue脚手架项目，你也没有build文件夹，那么你可以在根目录下的config文件夹下的inde...
解决vue脚手架You may use special comments to disable some warnings报错问题
lxw621的博客
03-02 635
第一次接触vuecli就遇到问题，跟着尚硅谷p62视频写遇到了老师没有的问题。lintOnSave: false, //关闭语法检查。解决办法一：在全局配置中将关闭语法检查。
Vue取消eslint语法限制
热门推荐
蚁人的博客
04-27 4万+
由于vue对语法的限制过于严格，以至于在我第一次编译运行的时候一直编译失败，当然也包括一些警告(好长一堆，删掉一些了)： ➜ my-project npm run dev > bblee-app@1.0.0 dev /Users/bianlifeng/my-project > webpack-dev-server --inline --progress --config bu...
Vue中手写Object.defineProperty实现双向绑定示例
在Vue.js中，双向绑定是一种核心机制，它允许数据在组件的视图层（view）与模型层（model）之间实时同步更新。本文将详细介绍如何使用JavaScript的`Object.defineProperty`方法来实现一个简单的双向数据绑定示例，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值