Closed
Description
- I confirm that this is an issue rather than a question.
Bug report
Steps to reproduce
1.git clone https://github.com/nashaofu/grender.git && cd grender && git checkout 724cd858a305a4cc941a18d72fc29fbe5ddcdb32 && yarn
2. Compile the source code: yarn build
3. run yarn docs:build
4. run npm i -g estatic
5. Start the http server locally: estatic docs/.vuepress/dist -b grender
6. Open in browser http://127.0.0.1:8080/grender/guide.html
7. The style of the rectangular area component in the figure is missing
- docs/guide.md
# 指南
## 基本示例
初始化画布,并添加图形
<Demo1 />
::: details 点击查看代码
<<< ./docs/.vuepress/components/Demo1.vue
:::
- docs/.vuepress/components/Demo1.vue
https://github.com/nashaofu/grender/blob/724cd858a305a4cc941a18d72fc29fbe5ddcdb32/docs/.vuepress/components/Demo1.vue#L76-L79
<style lang="stylus">
.demo1
height 180px
</style>
What is expected?
This is the effect when running vuepress dev docs
, This is working fine.
What is actually happening?
The style in the component is lost after packaging
Other relevant information
- Output of
npx vuepress info
in my VuePress project:
Environment Info:
System:
OS: macOS 10.15.4
CPU: (12) x64 Intel(R) Core(TM) i7-8750H CPU @ 2.20GHz
Binaries:
Node: 12.14.1 - ~/.nvm/versions/node/v12.14.1/bin/node
Yarn: 1.22.4 - ~/.nvm/versions/node/v12.14.1/bin/yarn
npm: 6.14.3 - ~/.nvm/versions/node/v12.14.1/bin/npm
Browsers:
Chrome: 81.0.4044.129
Edge: Not Found
Firefox: Not Found
Safari: 13.1
npmPackages:
@vuepress/core: 1.4.1
@vuepress/theme-default: 1.4.1
vuepress: ^1.4.1 => 1.4.1
npmGlobalPackages:
vuepress: Not Found
Metadata
Metadata
Assignees
Labels
No labels