时间戳

首页 > 解决方案 > 未捕获的语法错误：无法在模块外使用 import 语句。将打字稿文件导入JavaScript文件

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

问题描述

我正在研究 angular 10。我需要在 jQuery 文件中使用 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 打字稿文件。我需要从 javascript 文件中访问它的功能。

您可以在下面找到 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()  
      
    });
});

标签： javascripttypescript

解决方案

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

推荐阅读