MDX -故事书+ React + Typescript
MDX是一种结合了故事书、React和Typescript的技术。它允许开发人员在React应用程序中编写可交互的故事书，同时利用Typescript提供的类型检查和静态分析功能。
MDX的优势在于它的灵活性和可扩展性。通过使用MDX，开发人员可以将故事书与React组件混合在一起，从而创建具有丰富交互性和可视化效果的内容。此外，MDX还支持Markdown语法，使得编写和组织内容变得更加简单和直观。
MDX的应用场景非常广泛。它可以用于创建交互式的文档、教程、博客文章、演示文稿等各种类型的内容。由于MDX结合了React和Typescript的强大功能，它也适用于构建复杂的Web应用程序和用户界面。
腾讯云提供了一系列与MDX相关的产品和服务，可以帮助开发人员更好地利用MDX技术。其中，推荐的产品包括：
- 腾讯云云服务器（CVM）：提供可靠的云计算基础设施，用于部署和运行MDX应用程序。了解更多：腾讯云云服务器
- 腾讯云对象存储（COS）：用于存储和管理MDX应用程序中的静态资源，如图片、视频等。了解更多：腾讯云对象存储
- 腾讯云内容分发网络（CDN）：加速MDX应用程序的内容传输，提高用户访问速度和体验。了解更多：腾讯云内容分发网络
总之，MDX是一种强大的技术，结合了故事书、React和Typescript，可以用于创建交互式的内容和复杂的Web应用程序。腾讯云提供了一系列相关产品和服务，帮助开发人员更好地利用MDX技术。
相关·内容
我尝试在为我的故事书构建实时文档时使用MDX标记。当我运行storybook时，我得到了这个错误：SyntaxError: C:/Users/User/Desktop/priority-style-react/src的配置是： test: /\.mdx?incl
浏览 55提问于2020-02-05得票数 5
回答已采纳
不幸的是，故事书的构建是broken。以下是错误： "http-server": "^14.1.1", "lint-staged
浏览 11提问于2022-09-05得票数 0
此错误来自我在JS中生成的一个文件(其余文件在TypeScript中)。我不确定这个错误是否是导致无限加载的原因，但这是我唯一的线索。我的主要故事集配置： core: { }, 'storybook-dark-mode'};
主要应用程序的故事书配置
浏览 6提问于2022-09-16得票数 2
回答已采纳
我正在运行一个创建-反应-应用程序(反应18.2.0)与反应-本机-web (0.18.10)和故事书(6.5.13)与副词@故事书/ addon反应-本地网站(0.0.19)。但是，当我运行npm run storybook时，它会被卡在以下位置加载：info @storybook/react v6.5.13info Addon-docs: using MDX1
info => Load
浏览 9提问于2022-12-01得票数 0
1回答
我一直在使用我正在工作的React应用程序中的故事书，并且我在切换到新的预设时遇到了一些困难。如下图所示，当我运行下面的脚本时，故事书给了我一个关于预设的警告。主要问题是react应用程序正在使用Craco覆盖默认的react配置。然而，当@ npm run build-storybook /预设-创建-反应-应用程序被添加时，Craco也阻止了通过构建故事书。这是我的故事书main.js文件 "storie
浏览 10提问于2022-06-07得票数 0
1回答
我在尝试故事书和脉轮ui。下面是我如何构造我的文件夹，module.exports = { "../src/**/*.stories.mdx", ]这是我的故事书配置。不幸的是，我收到了一个错误，似乎故事书找不到我的组件。
有人能帮我弄清楚怎么回事吗？为什么故事书找不到
浏览 1提问于2020-09-12得票数 1
我正试图让故事书与MUI 5风格工作。我尝试在这里跟踪迁移文档，但仍然没有看到MUI 5样式出现在故事书中，特别是我使用的全局字体中。我已经看到，它与情感不兼容，与故事书不兼容，并尝试使用情感^11.0.0。import React from 'react';
/* import { BrowserRouter } from 'react-router-
浏览 8提问于2022-03-23得票数 0
我们有一个中央和共享的故事书库，用于运行良好的公共组件，但现在我们共享它失败的变量。.storybook/main.js看起来像(遵循指南)： });
/&#
浏览 14提问于2022-01-31得票数 0
回答已采纳
7回答
我想在故事书上加上顺风。这样故事就会像在网上呈现一样。现在，我需要告诉故事书，以使用剪裁的风格。但我不知道怎么做。 "../src/**
浏览 13提问于2020-12-29得票数 73
回答已采纳
在创建React组件时，道具表是从我们定义的道具类型中生成的。在普通的React组件中，您可以通过扩展相关的HTMLAttributes类型来修复这个问题。
浏览 5提问于2020-08-11得票数 0
它可以很好地呈现组件到网站，但类型记录显示错误导入mdx文件。我发现堆叠溢出了大量的评论。但它仍然解决不了这个问题。尝试安装@mdx/mdx，相同不工作。/good.mdx"; // this line show typescript error
return (
<L
浏览 3提问于2021-05-03得票数 4
回答已采纳
我正在尝试将一个全局scss文件加载到故事书中，但一旦我将导入从.css更改为.scss，就会发现从@到ERROR in ./styles/globals.scss无法识别的错误。/stories/**/*.stories.mdx', '../stories/**/*.stories.@(js|jsx|ts|t
浏览 12提问于2021-12-12得票数 5
2回答
下面是我的故事书配置：// main.ts stories: ["../**/stories.tsx", "..$/, use: ["babel-loader", "@mdx-js/loader"]} ]
我的组成部分
浏览 4提问于2020-09-23得票数 1
"node", "isolatedModules": true, "jsx": "react
浏览 7提问于2022-03-01得票数 1
2回答
我正在TypeScript中创建一个个人项目。它应该是一个导出响应组件和TypeScript函数的库。因此，我们的想法是将来在国家预防机制上出版这个图书馆。项目中还有一个演示页面，我想在这里使用Storybook来测试React组件。# folder for your library│ └── MyComponent.tsx # react# folder for your library
│ └── myFun
浏览 3提问于2020-08-21得票数 1
回答已采纳
value.toString().trim().length) { }
};
故事书的当前webpack.config.js是
module.exports', { flow: false, typescript: true
浏览 1提问于2019-04-24得票数 0
回答已采纳
我正在为项目创建ui-library (使用情感)，我添加了带docs插件的故事书，我似乎看不到样式化组件的道具。我怎么才能修复它呢？"@storybook/addon-docs": "^6.0.0-rc.3","@storybook/react":@(tsx|mdx)"],
// Add any
浏览 29提问于2020-07-14得票数 1
3回答
我正在使用故事书文档，无法从assets文件夹加载图像。(ts|tsx)$/, { },]
};"react":
浏览 2提问于2019-10-07得票数 9
回答已采纳
我有一个问题，可能与使用NextJs与typescript有关。"next-mdx-remote": "^3.0.4", "react-dom": "^17.0.2",
"react-markdown""@types/react": "^17.0.
浏览 61提问于2021-09-10得票数 0
2回答
我的pnpm依赖项如下所示： '@babel/core': ^7.17.10 tailwindcss: ^3.0.24 vite: ^2.9.5 vue: ^3.2.33vue-loader: ^16.8.3
浏览 36提问于2022-05-18得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
