Daydayup
Daydayup copied to clipboard
2021_12_20_早间播报第五十一期
- 统一回答算法进入舒适区的同学下一步是什么
- 全栈架构师部分Vue源码 和 React源码
- WBS 分拆 https://juejin.cn/post/6911897255087702030
- 全栈架构师部分Vue源码 和 React源码
- 1v1权利 初级课、中级课、高级课、算法课(js算法题解 + 船长c语言)
- https://shimo.im/sheets/D9hwwYWkx3rQk6VJ/HsXdM
昨日完成
- 35期预习课数据机构算法前2节:栈和列表
- 预习链表,练习js手写,与然叔对思路
今日计划
- 复习村长vue源码解析
- 35期预习课数据机构算法第3节:bitMap
昨日完成
- leetcode-92 反转链表II
- leetcode-25 K 个一组翻转链表
- leetcode-61 旋转链表
- leetcode-24 两两交换链表中的节点
- leetcode-933 最近的请求次数
今日计划
- 面试题 17.09 第k个数(github、掘金、b站)
- 看船长视频
昨天
- 636_函数的独占时间
- 完成 varlet-ui-pro 界面 组件示例界面appbar 自动切换功能
- 完成 varlet-ui-pro 动态加载路由问题的修复
修复方案
- before
const files = import.meta.globEager('../views/example/***/*.vue')
let example: Array<RouteRecordRaw> = []
for (let key in files) {
let fileName = key.replace(/(\..\/views\/example\/|\/index.vue)/g, '')
example.push({
path:`/example/${fileName}`,
name: fileName,
component: ()=>import(key), // error here
meta:{
theme:'purple'
}
})
}
- after
...
component: ()=>import(`../views/example/${fileName}/index.vue`),
...
虽然修复了,但是对于为什么还是不怎么理解,希望小伙伴们或者然叔能帮忙解答一下
今天
- 表现良好的最长时间段 昨天啃了好久 有思路但总是写不好 今天看一下题解
- 本周的第一套算法
思路征集
varlet-ui-pro 国际化方案目前的思路:准备在当前的path中记录当前语言状态,默认状态想尝试读取浏览器语言环境,读取不到就中文。
小伙伴们有什么好的方案呢,欢迎留言讨论
今天
输出两道题。 本周的第一套题我已经超额完成了,开始从头复习下~
2021.12.20
昨天
完成最小的 k 个数并输出到掘金 完成最后一块石头的重量并输出到掘金
今天
补第20、21套算法
问题
对大根堆比较迷惑,JavaScript没有这个大根堆的数据结构吧,需要消化一下
昨天
- 股票买卖最大利润
今天
- 爬楼梯花费最小力气
昨天
- 636_函数的独占时间
- 完成 varlet-ui-pro 界面 组件示例界面appbar 自动切换功能
- 完成 varlet-ui-pro 动态加载路由问题的修复
修复方案
- before
const files = import.meta.globEager('../views/example/***/*.vue') let example: Array<RouteRecordRaw> = [] for (let key in files) { let fileName = key.replace(/(\..\/views\/example\/|\/index.vue)/g, '') example.push({ path:`/example/${fileName}`, name: fileName, component: ()=>import(key), // error here meta:{ theme:'purple' } }) }
- after
... component: ()=>import(`../views/example/${fileName}/index.vue`), ...
虽然修复了,但是对于为什么还是不怎么理解,希望小伙伴们或者然叔能帮忙解答一下
先建议一下,也许可以在项目里搞个issue啥的,我在你的项目里找你说的这段代码找了一段时间,最后是找到了。
关于这个问题,vite的报错其实写的很清楚了。
The above dynamic import cannot be analyzed by vite.
See https://github.com/rollup/plugins/tree/master/packages/dynamic-import-vars#limitations for supported dynamic import formats. If this is intended to be left as-is, you can use the /* @vite-ignore */ comment inside the import() call to suppress this warning.
提示 是 vite:import-analysis 这个插件报的问题。应该是vite会做一些语法解析吧,然后解析的时候不知道 key 是个什么东西。如果是个模板字符串 ${key}
,插件得到的是字符串。import(../views/example/${fileName}/index.vue
) 所以你这样写没有问题。
解决的办法也说出来了 使用 /* @vite-ignore */ 不让插件解析就好了。我也没用过,所以查了一下在哪里写。
答案是 () => import(/* @vite-ignore */ key)
这样写就没有问题了。我查到的文章是 这个
issue不太会用,有那种像@人或者在别人的话底下评论的方法吗
先感谢同学的回答,其实/* @vite-ignore */
的方案我试过了,在本地的情况是可以的,但是打包到ghpage 还是不行,必须是字符串的形式
先感谢同学的回答,其实
/* @vite-ignore */
的方案我试过了,在本地的情况是可以的,但是打包到ghpage 还是不行,必须是字符串的形式
那我感觉知道了为什么vite会做这样的解析然后报错了。是不是因为不合规范,我看到vite报错还提供了一个网址,写好像是import()导入的规范,感觉就像是会被打包工具得到一些信息,然后替换什么之类的。变量好像就识别不了了。
我又找到一篇文章提供了一些思路