Синтаксическая ошибка: Невозможно использовать инструкцию import вне ошибки машинописного текста модуля

#javascript #typescript #importerror #tsconfig #react-typescript

Вопрос:

У меня есть несколько файлов .ts, и я получаю в них некоторые ошибки машинописи, касающиеся импорта некоторых модулей/скриптов.

Рассмотрим следующий пример:

 
Sample1.ts
--------

const axios = require('axios');

function sample1() {
...
...

}

Sample2.ts
--------

const axios = require('axios');

function sample2() {
...
...

}


 

Эти два файла .ts находятся в одной папке. Я получаю ошибку в файле sample2.ts, в которой говорится

 Cannot redeclare block-scoped variable 'axios'.ts(2451)
 

Чтобы устранить эту ошибку, я изменил эту строку const axios = require('axios'); на import axios from 'axios'; оператор импорта. Но для инструкции import я получаю ошибку SyntaxError: Cannot use import statement outside a module

Мой модуль и цель в файле tsconfig-это esnext и es6 соответственно.

Пожалуйста, может ли кто-нибудь помочь мне с этой проблемой. Я очень долго пытался устранить эти ошибки.

Комментарии:

1. возможно, добавление типа: модуль в ваш пакет.json позволит использовать синтаксис импорта

Ответ №1:

В package.json файле добавьте поле «тип» верхнего уровня со значением «модуль».

 // package.json
{
  "type": "module"
}