Next.js中的babel和tailwindcss问题:找不到模块'xwind/babel'

dxxyhpgq  于 2022-12-08  发布在  Babel
关注(0)|答案(2)|浏览(209)

我在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
bbuxkriu

bbuxkriu1#

发生在我身上,以及只是几分钟前。不确定这是不是同样的情况下,你。它为我创建了components文件夹,.babelrc文件和js文件在页面文件夹。不确定这是否是你的情况下,但这是发生在我身上。在情况下,只是按照下面的解决方案。

溶液

删除.bablerc文件和components文件夹沿着pages文件夹中的js文件。

更多详细信息

这很奇怪,因为如果你看一下Next.js的with-tailwindcss示例的repository,它没有这些。不知道这是怎么发生的。我们可以在评论中详细说明。
另外,Babel的xwind/babel插件也有依赖性检查,只允许tailwindcss版本〈2。有一个issue。在我看来,这个repo是未经维护的,要么得到分叉,并取代为npm包或类似的东西的主要。

llmtgqce

llmtgqce2#

由于某种原因,create-next-app正在安装with-tailwind-emotion模板而不是with-tailwind
目前,一个好的方法是使用create-next-app创建一个普通的打字脚本模板,然后手动添加tailwind。
因此,您的步骤应该是:
第1步:不使用打印脚本:

npx create-next-app ./

或使用 typescript :

npx create-next-app --ts ./

第二步:
使用next.js安装tailwind的文档:https://tailwindcss.com/docs/guides/nextjs

相关问题