[Playground] two slash `@filename` not work in typescript playground

[magic-akari]

Bug Report

🔎 Search Terms

• playground
• two slash
• filename

🕗 Version & Regression Information

• This is a crash
• This changed between versions ______ and _______
• This is the behavior in every version I tried, and I reviewed the FAQ for entries about _________
• I was unable to test this on prior versions because _______

⏯ Playground Link

Playground link with relevant code

💻 Code

Code from https://github.com/microsoft/TypeScript-Website/tree/v2/packages/ts-twoslasher#import_filests

// @filename: file-with-export.ts
export const helloWorld = "Example string"

// @filename: index.ts
import { helloWorld } from "./file-with-export"
console.log(helloWorld)

🙁 Actual behavior

TS2307: Cannot find module './file-with-export' or its corresponding type declarations.

🙂 Expected behavior

It works.

[andrewbranch]

Multiple files aren’t supported on the playground.

[uloco]

@andrewbranch You should consider updating the help docs on ts-playground then, it has an extra entry regarding multi-file playgrounds: https://www.typescriptlang.org/play#handbook-15

[DerGernTod]

please consider reopening this. this used to work, otherwise it wouldn't be documented. it also behaves very weird if you use it by showing a default "/input.tsx":

[RyanCavanaugh]

this used to work

We don't intend to support this in the playground. You can use the Bug Workbench to do multi-file repros.

[jsejcksn]

We don't intend to support this in the playground. You can use the Bug Workbench to do multi-file repros.

@RyanCavanaugh Thanks for mentioning that. I wasn't aware of the Bug Workbench before today.

I'm actually still not sure how I can find it without a generalized search engine: there are no search results for "workbench" in the docs:

Update: Here's a link to the workbench documentation page that I found by clicking around more in the playground — it's accessible via the "Help" menu at the top of the playground: https://www.typescriptlang.org/play?#handbook-17

[nyngwang]

@jsejcksn I searched for multi-file TS Playground and found your answer. I also didn't know about Bug Workbench before. Thanks for your sharing, it's very helpful for my debugging with the latest option verbatimModuleSyntax.