vue走过的坑

已于 2024-01-31 17:25:27 修改
阅读量1.9k 收藏 2
点赞数 1
CC 4.0 BY-SA版权
文章标签： vue.js 前端 javascript
于 2021-08-03 16:11:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/webhhhhhh/article/details/119352500

vue走过的坑

1.用vscode 编辑器vue-cli引入组件的时候报错
报错提示：
Already included file name ‘d:/newGZ-VUE/my-newgz/src/components/Footer.vue’ differs from file name ‘d:/newGZ-VUE/my-newgz/src/components/footer.vue’ only in casing.
The file is in the program because:
Root file specified for compilation
Imported via “./Footer.vue” from file 'd:/newGZ-
报错截图：
请添加图片描述
问题分析：自己改变了引入的组件名，可能是很很快的重名了文件夹名
解决办法：关闭vscode重新打开就会解决

webhhhhhh
关注
vue新版本安装之路（小白走过的坑）
weixin_41330790的博客
05-08 505
vue安装过程及遇到的坑一、安装node二、配置node环境!三、设置环境变量测试 安装安装vue框架 一、安装node 参考：https://www.cnblogs.com/yyysunshine/p/12788579.html https://www.cnblogs.com/zhouyu2017/p/6485265.html node下载地址：https://nodejs.org/zh-cn/...
vue 打开html流_html和vue互相调取方法
weixin_36469247的博客
12-29 1620
前段时间 使用h5搞了个用cesium.js做的地图服务功能，后来想整合到vue项目，当然最简单的就是iframe直接拿来用了。但html和vue的方法交互就是成了问题，vue调用html种方法还好，尤其是html调用vue中的方法当初就没有解决，忙着项目上线直接搞了个setInterval不停轮询，哎不说他了；现在空点了来把问题解决了，俗话说得好闲时学来忙时用，闲时不学忙时莫得用，所以各位走过路...
vue3项目控制台包错The file is in the program because: Root file specified for compilation
fury的博客
01-06 1892
遇见这个错误是因为script标签没有写lang='ts'
Vetur：Root file specified for compilation
m0_67402125的博客
03-01 799
Vetur：Root file specified for compilation 今天在App.vue组件中导入defineComponent定义的HelloWorld组件时出现了错误。 提示：Root file specified for compilation 原因：文件名发生过更改。 解决：重启vscode 遇到过很多次关于路径的问题了，大概总结下。 注意文件路径导入是否正确，项目根路径是否对，文件名近期是否更改。 ...
File name Root file specified for compilation
m0_52611940的博客
07-11 396
File name Root file specified for compilation
解决vue3 vite打包报Root file specified for compilation问题
chensi_07的博客
05-21 694
把 "build": "vue-tsc --noEmit && vite build" 修改为 "build": "vite build" 就可以了。另外关于allowJs这个问题，在tsconfig.json文件中配置"allowJs": true,就可以了。修改package.json打包命令。
详解关于vue-area-linkage走过的坑
08-27
详解关于vue-area-linkage走过的坑 Vue-area-linkage是一个专门为Vue准备的插件，用于实现省市区联动选择。下面是使用vue-area-linkage遇到的坑以及解决办法： 1. 样式问题：在使用vue-area-linkage时，可能会出现...
vue开发不可避免走过的坑汇总1
08-08
在Vue.js开发过程中，开发者常常会遇到一些潜在的问题，这些问题如果不注意，可能会导致性能下降或者代码难以维护。...在开发过程中，不断学习和总结经验，可以避免这些“坑”，提升开发效率和项目质量。
vite-plugin-federation踩坑
yanyihan16的博客
05-11 4863
前言 项目即将用到vite-plugin-federation，开始参照网上的教程和vite-plugin-federation的官方文档试验最简单的微前端。 这里主要参照 VUEShenzhen 在 掘金和 知乎 上的文章去实现 下面是我照以上文章所作的尝试 一、准备工作 1、项目搭建 搭建两个vite项目 在自己的项目目录下打开cmd执行npm create vite@latest 分别创建vite-host 和vite-remote两个项目，目标是vite-remote 进入项目，并执行np
Already included file name ‘xxx.vue‘ differs from file name ‘xxx.vue‘ only in casing. The file is.
first_shun的博客
09-14 3985
Already included file name 'd:/workspace//BodyTagNoteSet.vue' differs from file name 'd:/workspace/BodytagNoteSet.vue' only in casing. The file is in the program because: Imported via "./customForm/BodyTagNoteSet.vue" from file 'd:/workspace/CustomAnesForm
Vue 引入路径正确的，但一直报错： Already included file name ‘××ב differs from file name ‘××ב only in casing.
热门推荐
estrusKing的博客
06-25 3万+
Vue 引入路径 import ××× from ‘×××’ 报错 引入的文件名和地址都是正确的，但是还是报错误 Already included file name ‘×××’ differs from file name ‘×××’ only in casing. 这时候我们只要把文件名的后缀vue去掉就好了 解决方案 解决方式一：把文件名的后缀vue去掉就好了 解决方式二：把路径前面的点改成@ ...
error TS6504: File ‘test01.js‘ is a JavaScript file. Did you mean to enable the ‘allowJs‘ option?
weixin_43343144的博客
10-19 5305
基于TypeScript执行命令为 这个正确执行ts文件的运行【会自动输出test01.js】 tsc test01.ts 错误：这里是错误的运行方式【这里等价于tsc自动执行test01.js,为此会报错---->tsc无法运行js文件】tsc testo1.ts test01.js Typescript运行错误提示： error TS6504: File 'test01.js' is a JavaScript file. Did you mean to enable the 'a
各种问题的成功解决方法
m0_49101782的博客
04-14 351
原文：https://www.cnblogs.com/wasi-991017/p/13702313.html 我在做操作系统实验时，需要安装软件包，但是一直报错，最后终于找到了这篇文章，还有别的办法也可以修复，但是很麻烦。
vue提示Already included file name
m0_53141446的博客
03-02 550
只导入一次vue文件却提示重复，仅大小写不同，解决如下，去掉vue后缀。
Already included file name
小废物
10-20 869
Already included file name ‘d:/Learn/11.Vue/Pprogram/geek_mobile/src/views/ArticleDetail/CommentList.vue’ differs from file name ‘d:/Learn/11.Vue/Pprogram/geek_mobile/src/views/ArticleDetail/CommentList.VUE’ only in casing. The file is in the program becau
some bugs of Vue
weixin_45944877的博客
09-04 633
记录学习Vue过程中出现的一系列bug和解决方案： 1、vue启动报错These dependencies were not found怎么解决： 提示说index和subpage下的main.js找不到，也就是实际入口文件的路径和配置文件中的入口文件路径不匹配！ 找到vue项目的配置文件【vue.config.js】，核查并修改路径即可 果然是不匹配的、修改这两处 成功~ 2、安装并使用less时报错 run `npm fund` for details.....
[前端踩坑]引入组件报错Already included file name ‘XXX‘ differs from file name ‘XXX‘ only in casing.
ABCiamcde的博客
11-06 1588
报错代码： import Search from './components/Search.vue' 修改方式：去掉后缀“.vue”即可（原因不明）
【ionic】error TS6053: File '**' not found的解决办法
玫瑰与鹿°
01-30 6069
问题： ERROR in src/app/home/lottery/lottery.d.ts(1,22): error TS6053: File 'E:/integral_code/integral-mobile-4/node_modules/_@types_node@10.12.18@@types/node/index.d.ts' not found. [ng] src/app/home/lo...
非计算机专业如何系统准备大厂技术面试？
最新发布
07-08
<think>嗯，用户是非计算机专业背景，想转行进入互联网大厂，需要系统性的学习路径和面试资料。从对话历史看，用户已经关注到算法基础的重要性（引用[1][2]），也对Java技术栈（引用[3][4]）有基本认知，但需要更落地的转型方案。 用户的核心痛点在于：如何从零构建计算机知识体系，同时满足大厂技术面试的苛刻要求。引用[2]提到“系统学习算法不容易，走过弯路”，这正是非科班生的典型困境。需要帮ta避开这些坑。 专业层面要解决三个关键问题：知识断层（计算机组成原理等基础缺失）、技能验证（缺乏项目背书）、面试策略（非科班如何展示竞争力）。上次回复的技术栈清单对ta可能过载，应该提炼最小必要知识集。 特别要注意用户引用的HashMap原理（引用[4]）和流式API案例（引用[3]），说明ta对实践性知识更敏感。学习路径设计要侧重“用项目带理论”，比如通过实现简易HashMap来理解数据结构，避免纯理论灌输。 安全方面需强调：警惕引用[2]暗示的付费陷阱，推荐官方文档和开源社区。价值观上突出“硬实力导向”——北京大厂确实存在学历歧视，但技术深度可以破局。</think>针对非计算机专业人员备战互联网大厂技术面试，结合核心岗位需求和引用资料，制定以下系统学习路径和资源推荐： --- ### **一、非科班转型核心策略** 1. **补齐计算机基础** - **优先级排序**： ```mermaid graph LR A[数据结构与算法] --> B[操作系统/网络基础] B --> C[数据库原理] C --> D[编程语言深度] ``` - **关键点**： - 大厂必考算法（引用[1][2]），LeetCode刷题量>300 - 理解HashMap底层原理（引用[4]）等高频考点 2. **建立技术栈纵深** | 方向 | 最小必要技能 | 学习周期 | |------------|--------------------------------------|----------| | 后端开发 | Java多线程+Spring Boot+MySQL优化 | 4-6个月 | | 大数据 | SQL+Spark核心原理+数据管道设计 | 5-7个月 | | 前端 | React/Vue+TypeScript+工程化部署 | 3-5个月 | > 📌 **重点突破**： > - 流式API处理集合数据（引用[3]）等新特性 > - 微服务架构在项目中的落地（引用[3]中的Spring Boot案例） --- ### **二、高效学习路径** #### **阶段1：基础筑基（2-3个月）** 1. **编程语言** - **Java**： - 《Java核心技术 卷I》+ 官方Oracle教程 - 重点：多线程并发、集合框架源码（HashMap红黑树转换，引用[4]） - **Python**（备选）：廖雪峰实战教程 2. **数据结构与算法** - **每日必做**： - 3道LeetCode（题型分布：40%双指针/DFS/BFS，30%动态规划，30%树/图） - **经典教材**： - 《算法导论》关键章节 + 《剑指Offer》精解 #### **阶段2：技术栈实战（3-4个月）** | **技术领域** | **实战项目案例** | 资源指引 | |----------------|--------------------------------------|------------------------------| | 后端开发 | 电商秒杀系统（含限流熔断） | GitHub项目：mall | | 大数据 | 用户行为日志实时分析管道 | Spark官方Example | | 系统设计 | 设计Twitter简易版（关注高并发） | 《系统设计面试指南》[^1] | > ⚠️ **避坑提示**：避免纯理论学习（引用[2]），项目必须体现： > - 性能优化（如MySQL索引调优） > - 异常处理机制 > - 技术选型依据 #### **阶段3：面试冲刺（1个月）** 1. **真题训练**： - 牛客网《大厂Java面试真题合集》（含HashMap考点，引用[4]） 2. **模拟面试**： - Pramp（免费技术模拟面试平台） 3. **知识图谱**： ```mermaid graph TD A[并发编程] --> B[线程池参数配置] A --> C[Volatile/CAS原理] D[数据库] --> E[事务隔离级别] D --> F[索引失效场景] ``` --- ### **三、专为非科班设计的资源清单** | **类型** | **资源推荐** | 特点 | |----------------|-----------------------------------------------------------------------------|-------------------------------| | **基础补强** | 《计算机科学速成课》(Crash Course Computer Science) YouTube系列 | 动画演示核心概念 | | **算法入门** | 极客时间《数据结构与算法之美》+ LeetCode探索卡片 | 从链表到动态规划渐进学习 | | **项目实战** | 阿里云大学《云原生应用开发》免费实验 | 提供真实云环境 | | **面试宝典** | 《Java面试突击手册》(GitHub 15k星) | 含100+高频考点解析 | | **社区支持** | 牛客网“转行互助群”+ Stack Overflow答疑 | 解决编码实战问题 | --- ### **四、非科班核心优势打造** 1. **差异化亮点**： - 将原专业领域知识与技术结合（如金融+风控系统开发） 2. **简历突围技巧**： - 项目描述公式： ``` 采用[技术栈]解决[某领域]问题，实现[量化指标提升] 例：使用Redis分布式锁优化秒杀系统，QPS从800提升至4200 ``` 3. **面试应答策略**： - 当被质疑基础薄弱时： “我的学习路径是：用3个月系统补全OS/网络基础→通过2个项目深化框架应用→持续输出技术博客（附博客链接）” --- > 💡 **关键提醒**：引用[1]强调**算法能力是分水岭**，建议每天保持2小时算法训练；引用[3]显示**场景化技术应用**（如电商流处理）是面试加分项。 --- **
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值