monaco-editor
monaco-editor copied to clipboard
[Bug] Cannot find JS module imported from TS file (2307)
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?
- [ ] Not 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