我在Next.js应用程序中安装了tailwindcss。
error - ./node_modules/next/dist/client/dev/amp-dev.js
Error: Cannot find module 'xwind/babel'
以下是我安装Next.js应用程序的过程:
npx create-next-app -e with-tailwindcss ./
以下是我安装的依赖项:
npm install graphql graphql-request html-react-parser moment react-multi-carousel sass
2条答案
按热度按时间bbuxkriu1#
发生在我身上,以及只是几分钟前。不确定这是不是同样的情况下,你。它为我创建了
components
文件夹,.babelrc文件和js文件在页面文件夹。不确定这是否是你的情况下,但这是发生在我身上。在情况下,只是按照下面的解决方案。溶液
删除
.bablerc
文件和components
文件夹沿着pages
文件夹中的js文件。更多详细信息
这很奇怪,因为如果你看一下Next.js的
with-tailwindcss
示例的repository,它没有这些。不知道这是怎么发生的。我们可以在评论中详细说明。另外,Babel的
xwind/babel
插件也有依赖性检查,只允许tailwindcss
版本〈2。有一个issue。在我看来,这个repo是未经维护的,要么得到分叉,并取代为npm包或类似的东西的主要。llmtgqce2#
由于某种原因,create-next-app正在安装
with-tailwind-emotion
模板而不是with-tailwind
。目前,一个好的方法是使用create-next-app创建一个普通的打字脚本模板,然后手动添加tailwind。
因此,您的步骤应该是:
第1步:不使用打印脚本:
或使用 typescript :
第二步:
使用next.js安装tailwind的文档:https://tailwindcss.com/docs/guides/nextjs