未捕获的语法错误：无法在模块外使用 import 语句。 将 typescript 文件导入 JavaScript 文件

Question

我正在研究 angular 10。我需要在 ZF590B4FDA2C30BE28ZDD3C7C7C7B 文件中使用 typescript angular 服务。 当我在 jquery 中导入 TypeScript 服务文件时，它给了我错误：

Uncaught SyntaxError: Cannot use import statement outside a module

我在 jQuery 文件中使用以下导入语句：

import { priceFilteredByService } from "../../app/service/category-filtered-by/electronics/laptops/price-filtered-by-service";

priceFilteredByService 是 Angular typescript 文件。 我需要从 javascript 文件中访问它的 function。

您可以在 javascript 文件下方找到：

import { laptopsFilteredByService } from "../../app/service/category-filtered-by/electronics/laptops/laptops-filtered-by-service";
import { priceFilteredByService } from "../../app/service/category-filtered-by/electronics/laptops/price-filtered-by-service";

!(function ($) {
    laptopFilteredByService: laptopsFilteredByService;
    priceFilteredByService: priceFilteredByService;
    
    $(document).ready(function () {
      "use strict";
    
    $('#price-range-submit').hide();

    $("#min_price,#max_price").on('change', function () {

      var min_price_range = parseInt($("#min_price").val());

      var max_price_range = parseInt($("#max_price").val());

      this.priceFilteredByService.getPriceMinMaxFilter()
      this.priceFilteredByService.setMinAED(min_price_range);
      this.priceFilteredByService.setMaxAED(max_price_range);
      this.laptopFilteredByService.getSelectedFilters()  
      
    });
});

Answer 1

看起来您的 javascript 编译器不将此文件视为模块。 如果您还没有，则需要将编译器/捆绑器步骤添加到您的工作流程中-