VSCode突出显示了扩展名为.ts和.tsx的文件

Question

我是TypeScript的新手。该代码可以正常工作，但是VSCode始终以.ts和.tsx扩展名突出显示导入。如果我从导入中删除扩展名，则VSCode会停止抱怨，但是代码无法编译。

这是一个基于反应的项目。为了进行编译，我使用了WebPack，特别是针对.ts和.tsx扩展名的ts-loader。

VSCode正确识别这是一个TypeScript React文件，并且TypeScript版本4.0.2

Answer 1

问题解决了！我的错。需要添加

//handover report ss
var ss = SpreadsheetApp.getActive();
var sh = ss.getSheetByName('handover report');
var val = sh.getRange(2,1).getValue();
var id = ss.getId();

//list ss
var lss = SpreadsheetApp.openById('1Hu8dTsuH5iS9P0JGBlyN6pOWHo1hhe2t03Wih2BDRGw');
var lsh = lss.getSheetByName('before submission');
var lastCol = lsh.getLastColumn();
var lastRow = lsh.getLastRow();

function contractDate() {  
  var dateCol = findCol_contractDate(); 
  var reportCol = findCol_report();
  var row = findRow(reportCol);
  setValue(row,dateCol);
  
}

//get dynamic column number of contranct date　
function findCol_contractDate() {
  for (var i=1; i<=lastCol; i++) {
    if(lsh.getRange(1,i).getValue() === 'contract date') {
      return i;
    }
  }
  return 0;
}


// get dynamic column number of handover report
function findCol_report() {
  for (var i=1; i<=lastCol; i++) {
    if(lsh.getRange(1,i).getValue() === 'ss id of handover report') {
      return i;
    }
  }
  return 0;
}

//get dynamic row number of ss id that match with the id
function findRow(findCol_report) {
  for(var i=1; i<=lastRow; i++) {
    if(lsh.getRange(i,findCol_report).getValue() === id) {
      return i;
    }    
  }
  return 0;
}

//set value
function setValue(findRow,findCol_contractDate) {
  if(findRow > 0 && findCol_contractDate > 0){
    lsh.getRange(findRow,findCol_contractDate).setValue(val);
  }
}

到webpack配置