Can't import CSS in app directory | Next.js | Page 1

pallid token Jan 4, 2023, 6:25 PM

#

Just importing my tailwind global.css file and getting this error:

wait  - compiling /(main)/streaming/page (client and server)...
error - ./src/styles/globals.css
Module parse failed: Unexpected character '@' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> @tailwind base;
| @tailwind components;
| @tailwind utilities;

#


import '../styles/globals.css';``` this is what my root layout.tsx file looks like

mortal kraken Jan 4, 2023, 6:27 PM

#

make sure in your tailwind.config.js file

#

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./app/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],

#

you have the /app in ur content

#

this may be ur issue

pallid token Jan 4, 2023, 6:30 PM

#

hmm I removed the old next-transpile-modules and that seems to have fixed it

#Can't import CSS in app directory