vitepress踩坑

已于 2022-03-09 16:54:08 修改
阅读量1.1k 收藏
点赞数
分类专栏： js 文章标签： 蓝桥杯 webview elementui
于 2022-03-08 17:53:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41829196/article/details/123359423
版权

1、代码块不能使用类似泛型<string>这种结构，要用转义符：&lt; string&gt;

2、不要使用font标签，不然会报错：

TypeError: Invalid value used as weak map key

3、不支持高级语法

 const lang = options?.lang || 'vue'，不支持？.

给 VitePress 添加 algolia 搜索
超逸の学习技术博客
12-18 2865
分享 VitePress 集成 algolia 搜索的方法。
【VitePress】项目打包异常问题总结（Could not resolve、Unexpected character ‘‘、Invalid value used as weak map key）
一个努力学习的程序猿
12-07 3380
在最近的一次 VitePress 文档中心 开发过后，在打包时发生了三次报错，而每个报错通过查阅资料都能找到相关解决方案，现将遇到的问题汇总总结如下。如果大家也有相同的问题，希望能帮助到各位。本文无任何其他用途，仅用作作者自己总结。
vitepress builld报错
weixin_44876807的博客
03-25 810
官方的这种两种解决方案，在项目里面试了下还是不行，不知道是不是因为vitepress的版本问题，当前使用的是1.0.0-alpha.13.。由于使用的第三方组件内部会使用到document和window，vitepress打包的时候，在服务端渲染的情况下没有document和window，就导致的打包报错。：使用vitepress展示自定义的组件，之前build是没有问题了，由于新增了qr-code以及quill富文本组件，导致打包时报错。在我们封装组件库的地方使用vue的动态组件进行二次的封装。
VitePress：静态站点生成器的新时代
最新发布
发现生活，分享智慧，一起成长！
09-25 878
VitePress 作为一款新兴的静态站点生成器，以其快速构建、简洁配置、强大主题系统、优秀文档支持和易于集成等优势，正引领着静态站点生成的新时代。无论是个人博客、企业官网还是在线文档，VitePress 都能为开发者提供一个高效、便捷且功能强大的建站工具。随着前端技术的不断发展，相信 VitePress 将会在未来不断完善和发展，为开发者带来更多便利。推荐阅读VitePress 实现付费阅读功能Vitepress 微信网页授权登录VitePress 使用百度统计Vitepress 中添加自定义组件。
Vuepress执行 build,出现 window is not defined 错误。
qq_35675325的博客
12-04 5517
vuepress 在主题的上面提供了扩展功能，使得我们可以使用第三方依赖包进行开发，如element ui , swiper 等库。 具体做法参考官网：https://vuepress.vuejs.org/zh/guide/basic-config.html#%E5%BA%94%E7%94%A8%E7%BA%A7%E5%88%AB%E7%9A%84%E9%85%8D%E7%BD%AE 在开发完成执行build 的时候，由于一些第三方依赖包使用了浏览器API,如window 对象, vuepress 又是服务
vitepress多语言国际化配置
MW_WQ的博客
06-25 3401
activeMatch: "/zh/examples/about/", // // 当前页面处于匹配路径下时, 对应导航菜单将突出显示。{ text: "开始", link: "/zh/examples/introduction/markdown" },{ text: "功能", link: "/zh/examples/introduction/build" },{ text: "比较", link: "/zh/examples/api/test" },navigateText: "切换",
Vitepress项目文档快速搭建指南
delete_you的博客
02-28 1889
快速通过vitepress搭建基于SSG+SPA架构的简单项目文档框架
Vuepress2版本打包报错：TypeError: Invalid value used as weak map key
CSDN for recording problems
06-27 2387
用 vuepress2 搭建了博客玩了玩，一切都准备就绪，等着一波 build 然后部署一下，不料，没有打包成功通过，出现了下面的错误： 帕拉帕拉-----…一波 google 之后才知道，md 文件里面使用这样类似的 标签导致编译不通过。可以将 标签修改为 或者标签就可以了，例如 效果和 标签一样。......
vite动态引入报错，vite配置vue-router，封装动态导入控制台报错问题
weixin_45340607的博客
03-21 3810
意思是上面定义使用的_import动态导入函数不能被Vite分析出来，如果一定要这样使用的话，可以使用import ( )调用内部的/ * @ vite-ignore * / 注释来忽略此警告。后官网找到import.meta.glob,改写成这样也可以，但是感觉写路径挺麻烦，还是用第一种吧。随后我用了这个注释后，报错是没有了，但是所需的组件不能动态导入了显示空白。不过还是很好奇为什么第一种多加个路径就能动态导入，跪求大佬解释！然后组件就成功展示了。
vitepress：vitepress测试
02-20
Vitepress是一款由Vue.js创始人尤雨溪开发的现代静态网站生成器，它结合了Vite的快速开发特性与Markdown的简洁书写体验。这个“vitepress测试”可能是在探索如何利用Vitepress来构建一个高效、易维护的文档站点。...
vitepress的资料vitepress的资料
03-13
Vitepress是一款由Vue.js作者尤雨溪开发的静态站点生成器，它结合了Vite的快速开发特性，为创建文档和技术站点提供了高效且现代化的解决方案。Vitepress的资料涵盖了从安装、配置到实际应用的全过程，让我们深入探讨...
vitepress-rc:基于vitepress的文档工具，支持引入react组件，mdx扩展
04-12
vitepress-rc 基于vitepress的文档工具，支持引入react组件，mdx扩展
harlanzw.com:我的个人博客使用VitePress和TailwindCSS构建
05-22
它是使用VitePress（Vite + Vue3）和带有TailwindCSS的自定义模板构建的。 如果您想设置自己的个人网站，请随时克隆它。 设置 环境 受到推崇的： 指示 安装副yarn 运行应用程序yarn dev 用法 部署方式 仅针对S3 +...
yarn创建vite项目——遇见的错误及解决方法
pp599620的博客
04-21 3197
会出现这种错误时因为 c:\program files 这里，中间有一个空格，很显然yarn帮并不能通过这个中间有空格的路径的内容。今天尝试做一个vue3+vite的组件库项目，没想到第一步就开始出现问题，改了整整一天😅😅😅。不再同一个盘下，一个c盘一个d盘，那我们就修改一下路径。首先：目录中间包含空格，导致报错。
vitepress项目打包失败报错及解决方案
weixin_43336525的博客
07-17 862
vitepress项目打包失败
vitepress的坑
小白
03-22 1778
在自定义主题时，需要在/src/theme文件夹下创建自定义主题文件，并在/src/index.js文件中引入和配置主题。在使用VitePress时，如果需要部署到服务器上，可以使用vite build命令进行打包，然后将打包后的文件上传到服务器即可。在使用VitePress时，如果需要加载一些静态资源，例如图片或者字体等，需要将这些资源放到/public文件夹下，然后在markdown文件或者Vue组件中使用相对路径进行引用。在使用插件时，需要仔细查看插件文档，了解插件的兼容性和使用方法。
es6 javascript 的WeakMap结构
现在学习也不晚
12-05 4576
WeakMap结构与Map结构基本类似， 唯一的区别是它只接受对象作为键名（ null除外）， 不接受其他类型的值作为键名， 而且键名所指向的对象， 不计入垃圾回收机制。var map = new WeakMap(); map.set(1, 2); // TypeError: 1 is not an object! map.set(Symbol(), 2); // TypeError: Inval...
Vuepress2.x 编译报错 TypeError: Invalid value used as weak map key
前端技术
08-06 4826
vuepress2.x 是基于 Vue3.x开发，相比Vuepress1.x 对 html 的使用更严格。如下图所示的非标准 html 标签在开发阶段没问题，编译却无法通过。 关键是它的报错定位不准确。。。。
通过vitepress创建的项目，出现乱码的原因
吹口琴的喵喵~~的博客
07-13 1667
vitepress官网地址：https://vitepress.vuejs.org/ 然后按照教程创建项目，发现出现了乱码： 原因 是我创建的index.md的文件格式不是utf-8，然后把文件重新用utf-8格式保存后，问题解决：
vitepress登陆
09-07
VitePress 是一个由 Vue.js 开发者 Evan You 领导的团队创建的静态站点生成器，它基于 Vite 构建。VitePress 特别适合用来创建技术文档网站，因为它具有快速的热重载和灵活的配置等特点。 关于 VitePress 登录功能，通常情况下，VitePress 不直接提供用户认证或者登录功能，因为它的主要用途是作为文档生成器。然而，如果你需要在你的文档站点中添加用户登录功能，你可能需要集成第三方认证服务或者使用 VitePress 的插件来实现。 以下是一些可能的方法来为 VitePress 网站添加用户登录功能： 1. 使用第三方认证服务：例如，你可以使用 GitHub、Google 或者社交媒体账户进行第三方登录。这通常需要在你的服务器上设置一个认证服务，并且配置好与 VitePress 相关的认证流程。 2. 自定义认证：你可以通过创建一个前端表单来收集用户的登录信息，然后通过后端服务来验证用户的凭证。这需要你有一定的后端开发经验，并且能够在你的服务器上处理登录逻辑。 3. 使用 VitePress 插件：虽然 VitePress 官方没有提供专门的登录插件，但是社区可能有开发者已经创建了相关的插件来实现这样的功能。你可以搜索社区发布的插件来尝试解决你的需求。 请注意，无论使用哪种方法，都需要考虑到安全性问题，如 HTTPS、密码加密存储、防止CSRF攻击等，确保用户信息的安全。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值