首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >您可能需要一个适当的加载程序来处理此文件类型,目前还没有为TailwindCss配置加载程序来处理此文件。

您可能需要一个适当的加载程序来处理此文件类型,目前还没有为TailwindCss配置加载程序来处理此文件。
EN

Stack Overflow用户
提问于 2022-03-16 20:20:29
回答 1查看 607关注 0票数 1

我第一次使用尾风,使用我在网上找到的教程。到目前为止,npm已经安装了尾风、后置、后置装载机、自动复位器.在Tailwind文档中,我需要一个tailwind.config.js和postcss.config.js。

tailwind.config.js

代码语言:javascript
复制
module.exports = {
  content: ["./client/*.{html,js}", "./client/**/*.{html,js}"],
  theme: {
    extend: {},
    container: {
      center: true,
    },
  },
};

postcss.config.js:

代码语言:javascript
复制
const tailwind = require("tailwindcss");
module.exports = {
  plugins: [tailwind("./tailwind.config.js"), require("autoprefixer")],
};

我甚至有一个用于顺风的构建脚本:

代码语言:javascript
复制
 "build:css": "postcss public/tailwind.css -i public/style.css",

在我的tailwind.css文件中,我添加了尾风指令:

代码语言:javascript
复制
@tailwind base;
@tailwind components;
@tailwind utilities;

我的webpack需要什么样的装载机?此外,我在terimal中的problems选项卡下得到了以下内容:

在我的浏览器终端上,我在console.log中得到了这样的信息:

有什么关于如何解决这个问题并开始设计我的应用程序的建议吗?

EN

回答 1

Stack Overflow用户

发布于 2022-06-05 05:54:15

使用此代码安装加载程序:npm install --save-dev postcss-loader postcss

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71503763

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档