小编Dav*_*íaz的帖子

有没有办法避免使用 Tailwind 清除特定库?

我的顺风配置中有这个:

purge: {
  content: ['./src/**/*.css', './src/**/*.tsx', './src/**/*.js'],
  safelist: ['animate-spin'],
},
Run Code Online (Sandbox Code Playgroud)

不得不将“animate-spin”添加到安全列表中,因为它被清除了。此类仅用于组件库,但我发现仍然缺少一些类。

问题是我不想一个一个地添加所有缺少的类,有没有办法将整个库添加到安全列表中?

reactjs tailwind-css

5
推荐指数
1
解决办法
102
查看次数

从库导入组件时出错

我正在开发这个使用 的组件库tsdx,除了这个之外,所有组件都工作正常。它是一个使用@headlessui/react库的对话框,它是Dialog一个组件。它的导出是这样的:

DialogBase.Content = DialogContent;
DialogBase.Actions = DialogActions;
DialogBase.Description = DialogDescription;

export default DialogBase;
Run Code Online (Sandbox Code Playgroud)

然后,在index.ts文件中,我必须导出所有组件才能公开它们,其导出如下:

export { default as DialogBase } from './DialogBase';
Run Code Online (Sandbox Code Playgroud)

一切工作正常,但是当我尝试在不同的项目上使用该组件时,我收到此错误:

未捕获的类型错误:无法访问属性“Overlay”,u.Dialog 未定义

这很奇怪,因为该组件在其他 Nextjs 项目上运行良好,但在这个项目上却不行(这个是 CRA)。

这是我的tsconfig文件

{
  "extends": "./tsconfig.extend.json",
  "compilerOptions": {
    "module": "ESNext",
    "target": "esnext",
    "lib": ["dom", "dom.iterable", "esnext"],
    "noImplicitAny": false,
    "outDir": "./../src",
    "rootDir": "./",
    "sourceMap": true,
    "declaration": true,
    "strict": false,
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "strictNullChecks": true,
    "jsx": "react-jsx",
    "skipLibCheck": true,
    "moduleResolution": "node",
    "noEmit": true, …
Run Code Online (Sandbox Code Playgroud)

rollup reactjs next.js tsdx headless-ui

5
推荐指数
1
解决办法
858
查看次数

ReferenceError:找不到变量:React 上的 regeneratorRuntime

我正在尝试使用 React 和 Firebase 创建登录。我一直在关注教程,问题是这段代码:

const handleLogin = useCallback(
    async event => {
        event.preventDefault();
        const { email, password } = event.target.elements;
        try {
            await firebaseConfig.auth().signInWithEmailAndPassword(email.value, password.value);
            history.push("/citas")
        } catch (error) {
            alert(error);
        }
    },
    [history]
);
Run Code Online (Sandbox Code Playgroud)

给我这个错误:

ReferenceError:找不到变量:regeneratorRuntime

我找不到任何解决方案,因为我不知道这意味着什么。有任何想法吗?

firebase reactjs

4
推荐指数
1
解决办法
5105
查看次数

标签 统计

reactjs ×3

firebase ×1

headless-ui ×1

next.js ×1

rollup ×1

tailwind-css ×1

tsdx ×1