我的顺风配置中有这个:
purge: {
content: ['./src/**/*.css', './src/**/*.tsx', './src/**/*.js'],
safelist: ['animate-spin'],
},
Run Code Online (Sandbox Code Playgroud)
不得不将“animate-spin”添加到安全列表中,因为它被清除了。此类仅用于组件库,但我发现仍然缺少一些类。
问题是我不想一个一个地添加所有缺少的类,有没有办法将整个库添加到安全列表中?
我正在开发这个使用 的组件库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) 我正在尝试使用 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
我找不到任何解决方案,因为我不知道这意味着什么。有任何想法吗?