bowencool/create-vitepress-demo

基于 vitepress 扩展更专业的 Demo 演示能力的文档方案

Hi there 👋, I'm Bowen

• 🦄 I am a Full-Stack Engineer with a strong focus on Front-End development.
• 💻 My programing language: JavaScript/TypeScript, Go, and Dart.
• 🔭 I am currently searching for job opportunities, preferring to work remotely or start a business.
• 📫 You can contact me through the following email addresses:
  • [email protected] for technical communications.
  • [email protected] for business or job-related matters.
• 🔗 You can also check out my blog at: https://blog.bowen.cool

create-vitepress-demo's Issues

Error: 在 iframe 模式下，读取组件目录异常

修复：genIframe.ts

萌新的疑问

关于全屏运行的痛点，为什么不和vue官方一样

通过超链接引入一个playground 来运行呢

Error: dev 初次调用时，demos 获取异常

修复：

抱歉给大佬留个言，有没有这样的组件demo呢。

vitepress也不支持插件，官方文档更是惜字如金。

抱歉给大佬留个言，有没有这样的组件demo呢。

就是在custom block的基础上，能实现切换内容的。

请问一下引入ViewUIPlus的组件库时出现堆栈溢出

加入如下的vue文件，采用iframe模式或是非iframe模式都出现错误

<demo src="./table.vue" title="table" iframe iframeHeight="200"/>

<style scoped>
    @import "../../node_modules/view-ui-plus/dist/styles/viewuiplus.css";
</style>
<template>
    <Table :columns="columns" :data="data"></Table>
</template>
<script>
    import { Table } from 'view-ui-plus';
    export default {
        data () {
            return {
                columns: [
                    {
                        title: 'Name',
                        key: 'name'
                    },
                    {
                        title: 'Age',
                        key: 'age'
                    },
                    {
                        title: 'Address',
                        key: 'address'
                    },
                    {
                        title: 'Date',
                        key: 'date'
                    }
                ],
                data: [
                    {
                        name: 'John Brown',
                        age: 18,
                        address: 'New York No. 1 Lake Park',
                        date: '2016-10-03'
                    }
                ]
            }
        }
    }
</script>

Error: Cannot find module 'vitepress/dist/node/serve-9731a371.js' Require stack

Hi, I have the following message error, including a screencast.

yarn run v1.22.17
$ check-versions && ([ -d es ] || npm run build) && patch-package
npm WARN lifecycle The node binary used for scripts is /tmp/yarn--1643473577005-0.5685516487652051/node but npm is using /home/carlosal1015/.nvm/versions/node/v14.16.0/bin/node itself. Use the `--scripts-prepend-node-path` option to include the path for the node binary npm was executed with.

> [email protected] prebuild /tmp/blog
> check-versions && rm -rf es cjs && patch-package

patch-package 6.4.7
Applying patches...

**ERROR** Failed to apply patch for package vitepress at path
  
    node_modules/vitepress

  This error was caused because vitepress has changed since you
  made the patch file for it. This introduced conflicts with your patch,
  just like a merge conflict in Git when separate incompatible changes are
  made to the same piece of code.

  Maybe this means your patch file is no longer necessary, in which case
  hooray! Just delete it!

  Otherwise, you need to generate a new patch file.

  To generate a new one, just repeat the steps you made to generate the first
  one.

  i.e. manually make the appropriate file changes, then run 

    patch-package vitepress

  Info:
    Patch file: patches/vitepress+0.21.4.patch
    Patch was made for version: 0.21.4
    Installed version: 0.21.6

---
patch-package finished with 1 error(s).

> [email protected] build /tmp/blog
> NODE_ENV=production rollup -c build/rollup.config.comps.js


/tmp/blog/packages/index.ts → es...                                                                                                                                       
created es in 2.9s

/tmp/blog/packages/index.ts → cjs...                                                                                                                                      
created cjs in 1.3s
patch-package 6.4.7
Applying patches...

**ERROR** Failed to apply patch for package vitepress at path
  
    node_modules/vitepress

  This error was caused because vitepress has changed since you
  made the patch file for it. This introduced conflicts with your patch,
  just like a merge conflict in Git when separate incompatible changes are
  made to the same piece of code.

  Maybe this means your patch file is no longer necessary, in which case
  hooray! Just delete it!

  Otherwise, you need to generate a new patch file.

  To generate a new one, just repeat the steps you made to generate the first
  one.

  i.e. manually make the appropriate file changes, then run 

    patch-package vitepress

  Info:
    Patch file: patches/vitepress+0.21.4.patch
    Patch was made for version: 0.21.4
    Installed version: 0.21.6

---
patch-package finished with 1 error(s).
$ NODE_ENV=development vitepress dev website
vitepress v0.21.6
failed to load config from /tmp/blog/website/.vitepress/config.js
failed to start server. error:
 Error: Cannot find module 'vitepress/dist/node/serve-9731a371.js'
Require stack:
- /tmp/blog/website/.vitepress/config.js
- /tmp/blog/node_modules/vite/dist/node/chunks/dep-f5552faa.js
- /tmp/blog/node_modules/vite/dist/node/index.js
- /tmp/blog/node_modules/vitepress/dist/node/serve-9874c5ac.js
- /tmp/blog/node_modules/vitepress/dist/node/cli.js
- /tmp/blog/node_modules/vitepress/bin/vitepress.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)
    at Function.Module._load (internal/modules/cjs/loader.js:725:27)
    at Module.require (internal/modules/cjs/loader.js:952:19)
    at require (internal/modules/cjs/helpers.js:88:18)
    at website/.vitepress/markdown/plugin/markdown-it-demo.ts (/tmp/blog/website/.vitepress/config.js:164:40)
    at __init (/tmp/blog/website/.vitepress/config.js:9:50)
    at website/.vitepress/config.ts (/tmp/blog/website/.vitepress/config.js:210:5)
    at __init (/tmp/blog/website/.vitepress/config.js:9:50)
    at Object.<anonymous> (/tmp/blog/website/.vitepress/config.js:239:28)
    at Module._compile (internal/modules/cjs/loader.js:1063:30) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/tmp/blog/website/.vitepress/config.js',
    '/tmp/blog/node_modules/vite/dist/node/chunks/dep-f5552faa.js',
    '/tmp/blog/node_modules/vite/dist/node/index.js',
    '/tmp/blog/node_modules/vitepress/dist/node/serve-9874c5ac.js',
    '/tmp/blog/node_modules/vitepress/dist/node/cli.js',
    '/tmp/blog/node_modules/vitepress/bin/vitepress.js'
  ]
}
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.