Ошибка при использовании async/await в React Native

Question

При попытке использовать async/await в Reaction-native, я получаю следующую ошибку:

    uncaught error Error: SyntaxError: /Users/senthilsivanath/Documents/MusicTulip/index.ios.js: Unexpected token (50:23)
  48 |   renderScene: function(route,nav) {
  49 |     try {
  50 |          const response = await signIn.isLoggedIn();

мой .babelrc файл:

{ "presets": ["react-native", "es2015", "babel-preset-stage-3"] }

Answer 1

Вы можете просто пропустить async Ключевое слово в строке 48.

Обновите свой код, чтобы использовать async Ключевое слово перед function ключевое слово:

renderScene: async function(route, nav) {
    try {
        const response = await signIn.isLoggedIn();
        // ...

Или при использовании функции со стрелкой поставьте async Ключевое слово перед списком параметров:

 renderScene: async (route, nav) => {
        try {
            const response = await signIn.isLoggedIn();

В JavaScript async Ключевое слово - это декоратор, который предупреждает среду выполнения о том, что подключенный корпус будет использовать await ключевое слово, так что вы всегда видите их вместе. Вот почему вы услышите, что люди называют этот синтаксис async/await синтаксис.

Проще говоря: вы не можете использовать await без async,

Изменить: Если вы объявляете это внутри класса, то просто убедитесь, что ваш синтаксис правильный:

class MusicTulip extends Component {
    async renderContent() {
        const response = await signIn.isLoggedIn();
    }
 }

Надеюсь это поможет!

Answer 2

Просто используйте:

      const comp1 = await import('path');