Problem with relative imports

[Dacker15]

Hi,

in my React project, I was trying to add relative imports. After set property baseUrl in tsconfig.json, Tailwind classes stopped working.

I add my configuration file in order to identify the problem.

My enviroment:

• React: 17.0.2
• React scripts: 4.0.3
• TailwindCSS: 2.1.0
• PostCSS; 7.0.35
• Autoprefixer: 9.8.6

My craco.config.js:

module.exports = {
  style: {
    postcss: {
      plugins: [require('tailwindcss'), require('autoprefixer')]
    }
  }
}

My tailwind.config.js:

module.exports = {
  purge: ['./src/**/*.{js,jsx,ts,tsx}', './public/index.html'],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {}
  },
  variants: {
    extend: {}
  },
  plugins: []
}

My tsconfig.json:

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx",
    "baseUrl": "./"
  },
  "include": [
    "src"
  ]
}

[Dacker15]

Problem solved

[simonswiss]

Glad to hear that! What was the fix in your case?