bowencool / create-vitepress-demo Goto Github PK
View Code? Open in Web Editor NEW基于 vitepress 扩展更专业的 Demo 演示能力的文档方案
Home Page: https://bowencool.github.io/create-vitepress-demo/guide/contribution.html
基于 vitepress 扩展更专业的 Demo 演示能力的文档方案
Home Page: https://bowencool.github.io/create-vitepress-demo/guide/contribution.html
加入如下的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>
关于全屏运行的痛点,为什么不和vue官方一样
通过超链接引入一个playground 来运行呢
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.