引入docs目录外的组件会报错 - Githubissues

dewfall123 / vitepress-for-component

📖 针对组件开发的VitePress。重构版本https://github.com/dewfall123/ruabick

https://dewfall123.github.io/vitepress-for-component/

MIT License

194 stars 38 forks source link

引入docs目录外的组件会报错 #29

Closed yiqia closed 3 years ago

yiqia commented 3 years ago

docs目录下新建了一个文件夹叫demo,里面有一个demo.vue文件，通过./index.zh-CN.md引入demo，demo中引入了docs文件夹外的组件通过../../components/xxx/xxx.tsx，但运行起来报错，查看了.temp文件夹里的文件，目录结构不一致导致的，无法引入docs文件夹外的组件，需要重复复制代码到docs文件夹里

dewfall123 commented 3 years ago

可以对路径加一层../ (不推荐).
```
原因是，所有文件往.temp里面移了一层.
```
1. or 使用import { xx } from 'packageName/you/file'这种方式，用cli生成的项目是会配置一个alias的，（这样的路径对demo来说也更符合实际使用一些）.
```
alias: {
// 为了能在demo中正确的使用  import { X } from 'packageName'
},
```
or 把.vue文件和.md文件放docs外的目录下面，按这种组织形式.