我们的企业目前正在探索 Vercel ,以部署用 React&NextJS 编写的新目标网页。在本地运行它们(yarn dev)时,一切正常(css导入和React钩子)。在Vercel上部署后, CSS和React均无法正常运行。
项目的组织方式(概念上)如下:
./ src / pages / _app.tsx :导入css(也使用顺风)并将应用程序包装到IconContext.Provider中(用于图标)
./ src / pages / index.tsx :导出(默认)组件,该组件使用内部react组件渲染/挂钩来处理逻辑
我们花了最后几个小时来调试此问题,但仍然不知道错误在哪里(因为我们可以在本地完美启动它们)。
您可以在此处查看网站:https://fudeo-flutter-advanced-git-master.aleamakers.vercel.app/
您能理解哪里出问题了吗?谢谢
答案 0 :(得分:0)
解决并发现“错误”:我是一个完全的白痴,React在现实中工作。由于缺少CSS,但我却相反,这使一切变得混乱。
我在purgecss中遇到的错误:它清除css的规则不正确,并且在构建时消除了所有自定义css。
感谢@Ramakay的帮助。实际上,使用yarn build && yarn start使一切都更易于本地复制(在package.json中没有注意到它们)。