我有一个next.js应用程序，我看到模板文字中的内容并不经常呈现。在谷歌搜索最有可能有一个解决方案，只是不愿意花这么多时间来研究它。

import { displayMediaQueries } from '@/constants'

    export const displayMediaQueries =
  'w-[1200px] xl:w-[1000px] lg:w-[800px] md:w-[600px] sm:w-[400px] xs:w-full'


      <div className={`${displayMediaQueries} my-0 mx-auto h-[50px]`}>
        <Navbar />
      </div>

字符串
我看到代码是正确的，它的工作，并在一些刷新后，它只是打破自己。我是否使用了一些不好的做法，以便它发生？没有太多的经验与下一个，它通常是错误的？有趣的是，如果我在使用模板文字的地方写上w-[1200 px]，然后刷新网站，然后从模板文字中删除w-[1200 px]，它会自动修复？
提前感谢！
我试着重新启动服务器，看看我的代码是否有问题-显然一切似乎都很好，并搜索谷歌的确切问题，它得到临时修复后，我手动编写并删除它。