VS代码应用程序将我的代码检测为TypeScript

Question

我正在VS代码编辑器中编写JavaScript代码。但是应用程序将我的代码检测为TypeScript。这是什么原因？

下面的代码不起作用，因为它将我的代码视为TypeScript。我无法获得输入元素的值

var inputValue = document.getElementById("postId").value;

这是我的完整代码

var inputValue = document.getElementById("postId").value;

document.querySelector("#getOne").addEventListener('click', function(){getOne(inputValue)});
document.querySelector("#getAll").addEventListener('click', getAll)
function getOne(ids) {
alert(inputValue)
var url = "https://jsonplaceholder.typicode.com/posts";
var xhr = new XMLHttpRequest;
xhr.open('GET', url, true);
xhr.onload = function () {
if (this.status === 200) {
var posts = JSON.parse(this.responseText);
var html = '';
ids-=1;
posts.forEach(post => {
if(post.id === ids){
html = `
<div class="card">
<div class="card-header">
${posts[ids].title}
</div>
<div class="card-header">
your user ID is: ${posts[ids].userId}
</div>
<div class="card-header">
post ID is:  ${posts[ids].id}
</div>
<div class="card-body">
<blockquote class="blockquote mb-0">
<p>${posts[ids].body}</p>
</blockquote>
</div>
</div>
</br>
`
}        
});


document.querySelector(".result").innerHTML = html;
}
}
xhr.send()
}
function getAll() {
var url = "https://jsonplaceholder.typicode.com/posts";
var xhr = new XMLHttpRequest;
xhr.open('GET', url, true);
xhr.onload = function () {
if (this.status === 200) {
var posts = JSON.parse(this.responseText);
var html = '';
posts.forEach(post => {
html += `
<div class="card">
<div class="card-header">
${post.title}
</div>
<div class="card-body">
<blockquote class="blockquote mb-0">
<p>${post.body}</p>
</blockquote>
</div>
</div>
</br>
`
});
document.querySelector(".result").innerHTML = html;
}
}
xhr.send()
}

Answer 1

如果您的问题是Visual Studio Code检测到错误的扩展，您可以在右下角对此进行编辑。它会说"；TypeScript"；点击这个并将其更改为您想要编码的扩展。

在这里，您可以看到在Visual Studio代码中按的位置