chiaweilee / umi-plugin-md Goto Github PK

🍚 Markdown(*.md) component plugin for umi.

Home Page: https://chiaweilee.github.io/umi-plugin-md/

License: MIT License

TypeScript 80.70% JavaScript 15.68% Less 3.62%

umi markdown component umi-plugin

umi-plugin-md's Introduction

In the distance, a colossal mushroom cloud billowed upwards into the vast expanse of sky, its form both ominous and mesmerizing. Close by, a solitary figure stood, gazing at this spectacle with a mixture of awe and contemplation. The scene was rendered in rich hues of red, as if through the lens of an ultra-wide-angle camera that captured not just the visual drama but also the underlying symmetry inherent in nature's unpredictable grandeur. This tableau seemed to unfold like a piece of quilling art, each fold and curl backlit to accentuate the contrast between light and shadow, evoking a sense of profound depth and narrative within the frame.

AI tends to envision the world in an overly idealized manner.

umi-plugin-md's People

Contributors

Stargazers

Watchers

Forkers

xiaohuoni xyt0110

umi-plugin-md's Issues

code 样式解析错误

代码

```js
import Link from 'umi/link';

export default () => {
  <div>
    /* 普通使用 */
    <Link to="/list">Go to list page</Link>

    /* 带参数 */
    <Link to="/list?a=b">Go to list page</Link>

    /* 包含子组件 */
    <Link to="/list?a=b"><button>Go to list page</button></Link>
  </div>
}

期望效果

import Link from 'umi/link';

export default () => {
  <div>
    /* 普通使用 */
    <Link to="/list">Go to list page</Link>

    /* 带参数 */
    <Link to="/list?a=b">Go to list page</Link>

    /* 包含子组件 */
    <Link to="/list?a=b"><button>Go to list page</button></Link>
  </div>
}

实际效果

code解析语法错误

在代码段里面带有模版字符串，即带有反引号（`）
就会出现语法错误。
如

```js
# Object without property `pathname` will throw an error

另外样式解析还是不对


```markup
import Link from 'umi/link';

export default () => {
  <div>
    /* Normal use */
    <Link to="/list">Go to list page</Link>

    /* With query string */
    <Link to="/list?a=b">Go to list page</Link>

    /* Include child component */
    <Link to="/list?a=b"><button>Go to list page</button></Link>
  </div>
}

图中标示的扣号是多出来的

umi build 没有生成页面？

解析js代码时，里面的变量

比如

```js
api.modifyHTMLWithAST(($, { route, getChunkPath }) => {
  $('head').append(`<script src="${getChunkPath('a.js')}"></script>`);
});

编译之后会提示 getChunkPath 没有定义

Plugin appears to be interfering with my ant-design-pro /user/login page

When using umi-plugin-md the demonstration user/login page of the standard ant-design-pro demo won't appear. I think it is because /user/ is an empty directory other than containing the login directory.

Removing umi-plugin-md from config.ts makes things work again.

[Error] yarn add umi-plugin-md

error /Users/xiaohuoni/Desktop/docs/node_modules/umi-plugin-md: Command failed.
Exit code: 1
Command: node ./scripts/patch.js
Arguments: 
Directory: /Users/xiaohuoni/Desktop/docs/node_modules/umi-plugin-md
Output:
fs.js:115
    throw err;
    ^

Error: ENOENT: no such file or directory, open '/Users/xiaohuoni/Desktop/docs/node_modules/umi-plugin-md/node_modules/umi-build-dev/lib/routes/getRouteConfigFromDir.js'
    at Object.openSync (fs.js:436:3)
    at Object.readFileSync (fs.js:341:35)
    at Object._default [as default] (/Users/xiaohuoni/Desktop/docs/node_modules/umi-plugin-md/lib/patch.js:15:20)
    at Object.<anonymous> (/Users/xiaohuoni/Desktop/docs/node_modules/umi-plugin-md/scripts/patch.js:1:94)
    at Module._compile (internal/modules/cjs/loader.js:688:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:699:10)
    at Module.load (internal/modules/cjs/loader.js:598:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:537:12)
    at Function.Module._load (internal/modules/cjs/loader.js:529:3)