typescript-require breaks VSCode extension

[AndyOGo]

What version of Tailwind CSS IntelliSense are you using?

v0.8.6

What version of Tailwind CSS are you using?

v3.1.2

What package manager are you using?

$ node -v
v16.13.0
$ npm -v
8.1.0

What operating system are you using?

Redhat Linux

Describe your issue

I'm using typescript-require to load configurations in my tailwind.config.js file, like:

// Initialize
require('typescript-require');

const { colors } = require("./colors");

/** @type {import("tailwindcss/tailwind-config").TailwindConfig} */
module.exports = {
  content: ["./src/**/*.{html,ts,tsx}"],
  theme: {
    colors,
  },
};

colors.ts

export const colors = {
  transparent: "transparent",
  current: "currentColor",
  white: "#FFF",
  black: "#000",

[bradlc]

Hey @AndyOGo. I can't reproduce the issue, are you able to share your project?

[AndyOGo]

Hey @bradlc.

I clarified the issue with a colleague.

The problem only arises when we omit the .ts extension - also within TS files.

I think enabling preferTsExts of ts-node/register should help with that.

I tried that:

require("ts-node").register({
  preferTsExts: true,
});

const { colors } = require("./colors");

[AndyOGo]

Seems to be a limitation of node itself according to that issue
TypeStrong/ts-node#116

[AndyOGo]

@bradlc Alright, now I got it working with experimentalResolver

Related issue:
TypeStrong/ts-node#1514

require("ts-node").register({
  preferTsExts: true,
  experimentalResolver: true,
});

const { colors } = require("./colors");

[bradlc]

Found a fix for this so your original version should work in the next release 👍

[AndyOGo]

Even better, thank you 👍