[bug] failed to parse "this" in TypeScript's type #8703

TechQuery · 2022-12-18T11:25:35Z

🎛 Configuration

`package.json`

{
    "source": "source/index.ts",
    "types": "dist/index.d.ts",
    "module": "dist/index.esm.js",
    "main": "dist/index.js",
    "dependencies": {
        "@swc/helpers": "^0.4.14",
        "mobx-restful": "^0.6.0-rc.21",
        "qs": "^6.11.0",
        "regenerator-runtime": "^0.13.11",
        "web-utility": "^4.0.0"
    },
    "peerDependencies": {
        "mobx": ">=4 <6"
    },
    "devDependencies": {
        "@types/qs": "^6.9.7",
        "mobx": "^5.15.7",
        "parcel": "~2.6.2"
    },
    "browserslist": "> 0.5%, last 2 versions, not dead, IE 11",
    "targets": {
        "main": {
            "optimize": true
        }
    },
    "scripts": {
        "build": "rm -rf dist/  &&  parcel build",
        "prepublishOnly": "npm run build"
    }
}

`tsconfig.json`

{
    "compilerOptions": {
        "target": "ES5",
        "module": "ES6",
        "moduleResolution": "Node",
        "experimentalDecorators": true,
        "lib": ["ES2022", "DOM"]
    },
    "include": ["source/*.ts"]
}

🤔 Expected Behavior

Compile TypeScript source code as shown below successfully:

class Example {
    someKey = '';

    method() {
        const data = {} as Record<string, this['someKey']>;

        return data;
    }
}

😯 Current Behavior

🚨 Build failed.

@parcel/transformer-typescript-types: Got unexpected undefined

  Error: Got unexpected undefined
      at nullthrows 
  (D:\Work\idea2app\MobX-RESTful\node_modules\.pnpm\[email protected]\node_modules\nullthrows\nullthrows.js:7:15)
      at Object.transform 
  (D:\Work\idea2app\MobX-RESTful\node_modules\.pnpm\@[email protected][email protected]\node_modules\@parcel\transformer-typescript-types\lib\TSTypesTransformer.js:209:42)
      at Transformation.runTransformer 
  (D:\Work\idea2app\MobX-RESTful\wrapper\Strapi\node_modules\.pnpm\@[email protected]\node_modules\@parcel\core\lib\Transformation.js:653:23)
      at Transformation.runPipeline 
  (D:\Work\idea2app\MobX-RESTful\wrapper\Strapi\node_modules\.pnpm\@[email protected]\node_modules\@parcel\core\lib\Transformation.js:402:47)
      at Transformation.runPipelines 
  (D:\Work\idea2app\MobX-RESTful\wrapper\Strapi\node_modules\.pnpm\@[email protected]\node_modules\@parcel\core\lib\Transformation.js:265:51)
      at processTicksAndRejections (node:internal/process/task_queues:96:5)
      at async Transformation.run 
  (D:\Work\idea2app\MobX-RESTful\wrapper\Strapi\node_modules\.pnpm\@[email protected]\node_modules\@parcel\core\lib\Transformation.js:183:21)
      at async Child.handleRequest
  (D:\Work\idea2app\MobX-RESTful\wrapper\Strapi\node_modules\.pnpm\@[email protected]_@[email protected]\node_modules\@parcel\workers\lib\child.js:217:9)

💁 Possible Solution

If I replace this with the class, this error disappeared:

class Example {
    someKey = '';

    method() {
-       const data = {} as Record<string, this['someKey']>;
+       const data = {} as Record<string, Example['someKey']>;

        return data;
    }
}

🔦 Context

Real world code:

idea2app/MobX-RESTful@0370678#diff-780bc523b57f373918475f4b3d1d120f938678b33c03bf79ce4f7b20b7085254R63-R69

🌍 Your Environment

Software	Version(s)
Parcel	2.6.2
Node	16.18.0
PNPM	7.18.0
Operating System	Windows 10 Pro 21H2

The text was updated successfully, but these errors were encountered:

mischnic · 2022-12-18T11:27:06Z

Does it also still fail with Parcel 2.8.2?

TechQuery · 2022-12-18T14:24:27Z

Does it also still fail with Parcel 2.8.2?

Same error in Parcel 2.8.2 & TypeScript 4.9.4
Same error with one more warning in Parcel 2.8.2 & TypeScript 4.7.4:

@parcel/transformer-typescript-types: The inferred type of 'searchFilter' references an inaccessible 'this' type. A type   
annotation is necessary.

but TypeScript in VS Code told me nothing wrong.

mischnic · 2022-12-18T14:37:17Z

It's working for me: https://github.com/mischnic/parcel-issue-8703

TechQuery · 2022-12-18T15:04:34Z

It's working for me: https://github.com/mischnic/parcel-issue-8703

Could you test a more complex case? such as the context I shown above:
idea2app/MobX-RESTful@0370678#diff-780bc523b57f373918475f4b3d1d120f938678b33c03bf79ce4f7b20b7085254R63-R69

mischnic · 2022-12-18T15:45:52Z

$ git clone https://github.com/idea2app/MobX-RESTful
$ pnpm install
$ pnpm exec parcel build
✨ Built in 2.18s

dist/index.js         14.1 KB    609ms
dist/index.esm.js    18.07 KB     88ms

(And this is exactly the reason why I wanted you to prepare some isolated reproduction...)

TechQuery · 2022-12-18T15:51:50Z

It's working for me: https://github.com/mischnic/parcel-issue-8703

Could you test a more complex case? such as the context I shown above:
idea2app/MobX-RESTful@0370678#diff-780bc523b57f373918475f4b3d1d120f938678b33c03bf79ce4f7b20b7085254R63-R69

@mischnic look here, it's in a sub package, the permanent link directs to the error lines.

mischnic · 2022-12-18T16:45:09Z

$ git clone https://github.com/idea2app/MobX-RESTful
$ pnpm install
$ cd wrapper/Strap
$ pnpm install
$ pnpm build
> [email protected] build wrapper/Strapi
> rm -rf dist/  &&  parcel build


@parcel/transformer-typescript-types: Top-level declarations in .d.ts files must start with either a 'declare' or 'export' modifier.

  wrapper/Strapi/node_modules/.pnpm/[email protected]/node_modules/koajax/dist/index.d.ts:22:1
    21 | };
  > 22 | enum FileMethod {
  >    | ^^^^^ Top-level declarations in .d.ts files must start with either a 'declare' or 'export' modifier.
    23 |     text = "readAsText",
    24 |     dataURL = "readAsDataURL",

✨ Built in 5.40s

dist/index.js        3.24 KB    245ms
dist/index.esm.js    3.68 KB     68ms
dist/index.d.ts      2.32 KB     98ms

TechQuery · 2022-12-18T17:14:24Z

@mischnic To replace the class name with this can reproduce:
https://github.com/idea2app/MobX-RESTful/blob/bb127f4e22e7fdeedea5cc9aa2bfc1295fc6a988/wrapper/Strapi/source/index.ts#L64

Use this branch: https://github.com/idea2app/MobX-RESTful/tree/update-bundler

TechQuery · 2023-07-19T12:28:10Z

Any update？

TechQuery · 2024-01-29T01:43:32Z

Does it also still fail with Parcel 2.8.2?

Same error in Parcel 2.8.2 & TypeScript 4.9.4

Same error with one more warning in Parcel 2.8.2 & TypeScript 4.7.4:
@parcel/transformer-typescript-types: The inferred type of 'searchFilter' references an inaccessible 'this' type. A type   
annotation is necessary.
but TypeScript in VS Code told me nothing wrong.

[email protected] & [email protected] throw the same error with the same code:
https://github.com/idea2app/MobX-RESTful/blob/a450bafecd531d91f2a306a47bf763dbf5e6b12a/wrapper/Strapi/source/index.ts#L71

TechQuery · 2024-07-28T12:53:55Z

Does it also still fail with Parcel 2.8.2?

Same error in Parcel 2.8.2 & TypeScript 4.9.4

Same error with one more warning in Parcel 2.8.2 & TypeScript 4.7.4:
@parcel/transformer-typescript-types: The inferred type of 'searchFilter' references an inaccessible 'this' type. A type   
annotation is necessary.
but TypeScript in VS Code told me nothing wrong.
[email protected] & [email protected] throw the same error with the same code: https://github.com/idea2app/MobX-RESTful/blob/a450bafecd531d91f2a306a47bf763dbf5e6b12a/wrapper/Strapi/source/index.ts#L71

@mischnic This bug disappears with the latest [email protected] & [email protected] finally 🎉

TechQuery · 2024-09-03T17:56:01Z

Same error in Parcel 2.8.2 & TypeScript 4.9.4

Same error with one more warning in Parcel 2.8.2 & TypeScript 4.7.4:
@parcel/transformer-typescript-types: The inferred type of 'searchFilter' references an inaccessible 'this' type. A type   
annotation is necessary.
but TypeScript in VS Code told me nothing wrong.
[email protected] & [email protected] throw the same error with the same code: https://github.com/idea2app/MobX-RESTful/blob/a450bafecd531d91f2a306a47bf763dbf5e6b12a/wrapper/Strapi/source/index.ts#L71
@mischnic This bug disappears with the latest [email protected] & [email protected] finally 🎉

Unfortunately, this error comes out with the same verisons...
https://github.com/idea2app/MobX-RESTful/actions/runs/10687983037/job/29626792910#step:7:51

The source code is here: https://github.com/idea2app/MobX-RESTful/pull/16/files#diff-780bc523b57f373918475f4b3d1d120f938678b33c03bf79ce4f7b20b7085254

github-actions · 2025-03-03T00:11:24Z

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 14 days if no further activity occurs.

mischnic added the TypeScript label Jan 20, 2023

github-actions bot added the Stale Inactive issues label Jul 19, 2023

github-actions bot removed the Stale Inactive issues label Jul 19, 2023

github-actions bot added the Stale Inactive issues label Jan 16, 2024

github-actions bot removed the Stale Inactive issues label Jan 29, 2024

github-actions bot added the Stale Inactive issues label Jul 27, 2024

TechQuery closed this as completed Jul 28, 2024

github-actions bot removed the Stale Inactive issues label Jul 28, 2024

TechQuery reopened this Sep 3, 2024

github-actions bot added the Stale Inactive issues label Mar 3, 2025

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[bug] failed to parse "this" in TypeScript's type #8703

[bug] failed to parse "this" in TypeScript's type #8703

TechQuery commented Dec 18, 2022 •

edited

Loading

mischnic commented Dec 18, 2022

TechQuery commented Dec 18, 2022

mischnic commented Dec 18, 2022

TechQuery commented Dec 18, 2022

mischnic commented Dec 18, 2022

TechQuery commented Dec 18, 2022

mischnic commented Dec 18, 2022

TechQuery commented Dec 18, 2022

TechQuery commented Jul 19, 2023

TechQuery commented Jan 29, 2024

TechQuery commented Jul 28, 2024 •

edited

Loading

TechQuery commented Sep 3, 2024 •

edited

Loading

github-actions bot commented Mar 3, 2025

[bug] failed to parse "this" in TypeScript's type #8703

[bug] failed to parse "this" in TypeScript's type #8703

Comments

TechQuery commented Dec 18, 2022 • edited Loading

🎛 Configuration

package.json

tsconfig.json

🤔 Expected Behavior

😯 Current Behavior

💁 Possible Solution

🔦 Context

🌍 Your Environment

mischnic commented Dec 18, 2022

TechQuery commented Dec 18, 2022

mischnic commented Dec 18, 2022

TechQuery commented Dec 18, 2022

mischnic commented Dec 18, 2022

TechQuery commented Dec 18, 2022

mischnic commented Dec 18, 2022

TechQuery commented Dec 18, 2022

TechQuery commented Jul 19, 2023

TechQuery commented Jan 29, 2024

TechQuery commented Jul 28, 2024 • edited Loading

TechQuery commented Sep 3, 2024 • edited Loading

github-actions bot commented Mar 3, 2025

TechQuery commented Dec 18, 2022 •

edited

Loading

`package.json`

`tsconfig.json`

TechQuery commented Jul 28, 2024 •

edited

Loading

TechQuery commented Sep 3, 2024 •

edited

Loading