[Bug] HTML language does not recognize inline <script type="module"> as JavaScript
See original GitHub issueReproducible in vscode.dev or in VS Code Desktop?
- 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 Code
monaco.editor.create(document.getElementById('container'), {
value: `<script type="module">\n\tconsole.log("hello");\n</script>`,
language: 'html'
});
Actual Behavior
The contents of the script tag are marked as language vs.editor.nullLanguage
, precluding highlighting and, upon editing or merely moving the cursor within the tag, causing various callbacks for editor features to throw Unexpected languageId
when calling LanguageConfigurationRegistry.getLanguageConfiguration
.
Expected Behavior
Inline code is recognized as JavaScript, is syntax highlighted, and editing/navigation does not raise exceptions.
Additional Context
This began causing exceptions in version 0.32.0, with 0.31.1 and prior nothing is raised but the inline code is still similarly marked as vs.editor.nullMode
.
Issue Analytics
- State:
- Created 2 years ago
- Reactions:1
- Comments:7 (3 by maintainers)
Top Results From Across the Web
Inlining ECMAScript Modules in HTML - Stack Overflow
If you have both module and inline-module script elements in a document, their relative execution order may not be correct.
Read more >type="module" not recognised as JavaScript
VS2017's HTML editor thinks <script type="module"> is plain text, it should be strict JS. Sample project: https://github.com/KeithHenry/VS2017-bug-script- ...
Read more >Why can't I import a javascript module in an HTML file?
Solution 1 · 1) In Teacher.js-. Javascript. import { Person } from "./Person.js"; · 2) In Index.js-. Javascript. import { Teacher } from...
Read more >Handling common JavaScript problems - MDN Web Docs
Maybe not so simple, but this article should at least give you a start, ... Familiarity with the core HTML, CSS, and JavaScript...
Read more >API - esbuild
js " type="module"></script> . In node, you can load a module using node --experimental-modules file.mjs . Note that node requires the .mjs ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Same with Markdown, when annotating a code code block with unknown language:
Error:
(reproduced on the https://microsoft.github.io/monaco-editor playground).
Note that this worked fine on 0.33.0 and broke on 0.34.0.