gpt4 book ai didi

javascript - Next.js DOMPurify.sanitize() 显示 TypeError : dompurify__WEBPACK_IMPORTED_MODULE_6___default. a.sanitize 不是函数

转载 作者:行者123 更新时间:2023-12-03 20:45:54 34 4
gpt4 key购买 nike

我正在使用 DOMPurify.sanitize()里面 dangerouslySetInnerHTML={{}}显示 innerHtml从数据库返回。对于最初的目的,我使用 getServersideProps()next-redux-wrapper对于这个页面。
我安装了 dompurify:npm i -S dompurify ,当前版本为:“^2.2.6”。
我的代码:

    import DOMPurify from 'dompurify';
import { useSelector } from 'react-redux';
import { END } from 'redux-saga';
import wrapper from '../redux/storeSetup';

const EmployeePage = () => {

const blog = useSelector(state => state.data);

const html_body = blog[0].body_html;

const clean = DOMPurify.sanitize(html_body);

return(
<div className="mainContainer">
<div dangerouslySetInnerHTML ={{ __html: clean }} />
<ul>
{blog.map((item) => (
<li key={item.author}>
<span>{item.author}</span><br/>
<span>{item.title}</span>
<h4>{item.body_delta}</h4>
<p>{item.body_html}</p>
<p>{item.created_on}</p>
</li>
))}
</ul>
</div>
);
}

export const getServerSideProps = wrapper.getServerSideProps( async ({store}) => {
store.dispatch({type: GET_DATA});
store.dispatch(END);
await store.sagaTask.toPromise();
});
export default EmployeePage;
但是当我用 npm run dev 运行它时我收到此错误: TypeError: dompurify__WEBPACK_IMPORTED_MODULE_1___default.a.sanitize is not a function .
这里有什么问题?我尝试使用更简单的代码,但一切都显示相同的错误!我究竟做错了什么?

最佳答案

使用Isomorphic dompurify
它可以在服务器端和浏览器上呈现

关于javascript - Next.js DOMPurify.sanitize() 显示 TypeError : dompurify__WEBPACK_IMPORTED_MODULE_6___default. a.sanitize 不是函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65646007/

34 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com