monaco-editor icon indicating copy to clipboard operation
monaco-editor copied to clipboard

[Bug] Cannot find JS module imported from TS file (2307)

Open kachurun opened this issue 6 months ago • 0 comments

Reproducible in vscode.dev or in VS Code Desktop?

  • [X] Not reproducible in vscode.dev or VS Code Desktop

Reproducible in the monaco editor playground?

Monaco Editor Playground Link

https://microsoft.github.io/monaco-editor/playground.html?source=v0.50.0#XQAAAAKGAwAAAAAAAABBqQkHQ5NjdMjwa-jY7SIQ9S7DNlzs5W-mwj0fe1ZCDRFc9ws9XQE0SJE1jc2VKxhaLFIw9vEWSxW3yscw4YQV17gy9oaZhds06aTyk_rAHWZ581l6cBHM9dJB3yXFrCLSYgX9vR48nJpqK5PKLhedR8C4-PZoFoYwD2h6aHiMZIyhNTkrVBSnqXeNPc8lMs7xo4J0g84UMv-whmQ-5lfwuHLfRznWmlPeUL0UUDIOh9b6Kdq3MvzJ0fvo_c5qe-3BH3Uw1MkQPOVEVTcLuLhFtJg9ypvEVFOf9-VHhXEz_EfK6iBo2R_bR4qEFERRBBEW3KZNhdZHhOHD-RLXtOT9WoXf2oIWnBIfilzmMOHF8m2NiPcOURLGMdssOuVgn0LnoDmPlMsIgS1g8sWkm2Dk3OfBZYMCRNWLuupORXBoqxhDF1NDcbA431fCBcbmtkzLdu2qAvUsHLRXb0o0nc1J4G0o1VTXlGhOyvCxwI5-Cr-nbL63kKOZkTUmc3rUGF6HDnj3gjqTogAoG99vMm9e75OLvgQFMDoKLvfxkonllOHzrM0ESn4jVQle8pkQX7s7Oqz1e81l3BBlJfrwDHVRNtkNCS1bcHcrXaRt7pMKL3f_lFyOXQ

Monaco Editor Playground Code

// Configure TypeScript defaults
monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
	allowJs: true,
	checkJs: true,
	moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
	esModuleInterop: true,
	resolveJsonModule: true,
	module: monaco.languages.typescript.ModuleKind.ESNext
});

// Add JavaScript model
const jsModel = monaco.editor.createModel(
	`export function testFunction() { return 'Hello from test.js'; }`,
	'javascript',
	monaco.Uri.parse('file:///test.js')
);

// Add TypeScript model
const tsModel = monaco.editor.createModel(
	`import { testFunction } from './test.js';\nconsole.log(testFunction());`,
	'typescript',
	monaco.Uri.parse('file:///main.ts')
);

// Create the editor
monaco.editor.create(document.getElementById('container'), {
	model: tsModel,
	language: 'typescript'
});

Reproduction Steps

No response

Actual (Problematic) Behavior

No response

Expected Behavior

No response

Additional Context

Neither of the options (allowJs, checkJs, moduleResolution, esModuleInterop, resolveJsonModule, module) help to fix this

kachurun avatar Jul 30 '24 18:07 kachurun