css - NextJS 单一样式的组件未加载

Question

当我刷新页面时，我的样式组件没有正确加载，但是当我编辑包含样式组件的 CSS 的文件时，组件被重建并且它工作得很好。当我再次刷新页面时，它不起作用。同一文件中的其他样式组件确实可以正常工作，只是一个特定样式的组件不起作用。

我尝试重新启动npm命令，我尝试了 Firefox 和 Chrome，我尝试删除组件中的所有 CSS 并用 just 替换它background-color: red;，我什至尝试删除组件之前和之后不起作用的组件的所有 CSS。但是，当我重新加载块中的所有 CSS 时，仍然只是将其扔出窗口。

这是样式化组件的代码：

export const SearchBoxWrapper = styled('div')`
`;

export const SearchResultsWrapper = styled('div')`
  background-color: red;
`;

export const SearchWrapper = styled('div')`
`;

标签： cssreactjstypescriptnext.jsstyled-components