fix(compiler-sfc): handle ts files with relative imports with .js extension

close #8339

Author: yyx990803

Diff for: packages/compiler-sfc/__tests__/compileScript/resolveType.spec.ts

@@ -592,6 +592,26 @@ describe('resolveType', () => {
       expect(deps && [...deps]).toStrictEqual(Object.keys(files))
     })
 
+    // #8339
+    test('relative, .js import', () => {
+      const files = {
+        '/foo.d.ts':
+          'import { PP } from "./bar.js"; export type P = { foo: PP }',
+        '/bar.d.ts': 'export type PP = "foo" | "bar"'
+      }
+      const { props, deps } = resolve(
+        `
+        import { P } from './foo'
+        defineProps<P>()
+      `,
+        files
+      )
+      expect(props).toStrictEqual({
+        foo: ['String']
+      })
+      expect(deps && [...deps]).toStrictEqual(Object.keys(files))
+    })
+
     test('ts module resolve', () => {
       const files = {
         '/node_modules/foo/package.json': JSON.stringify({

Diff for: packages/compiler-sfc/src/script/resolveType.ts

@@ -785,6 +785,8 @@ function importSourceToScope(
 }
 
 function resolveExt(filename: string, fs: FS) {
+  // #8339 ts may import .js but we should resolve to corresponding ts or d.ts
+  filename = filename.replace(/\.js$/, '')
   const tryResolve = (filename: string) => {
     if (fs.fileExists(filename)) return filename
   }