小编Tom*_*Tom的帖子

现在我尝试导入 aws-exports.js，它是 amplify-js 在节点 es6 类型代码中自动生成的。

我的代码是这样的。例如：something.mjs

#!/usr/bin/env node

import awsmobile from '../src/aws-exports.js';

something ....

我尝试在下面执行

# ./something.mjs

export default awsmobile;
^^^^^^

SyntaxError: Unexpected token 'export'

然后就会输出上面的错误。

我想知道，amplify-js生成的aws-exports.js是es6格式的，但扩展名是js。这是通过将“module”写入 package.json 的“type”字段来执行它的唯一方法吗？

现在我想在单击按钮旋转允许图标时实现。从下到上，从上到下，在旋转运动中。

现在我的代码如下

<template>

  <v-btn v-on:click="isShow = !isShow">

    <transition name='rotate'>
      <v-icon v-if="!isShow">
        mdi-menu-down
      </v-icon>
    </transition>

    <v-icon v-show="isShow">
      mdi-menu-up
    </v-icon>

  </v-btn>

</template>

<stlyle scoped>
.rotate-leave-active {
    transform: rotate(180deg);
}
.rotate-enter-active {
    transform: rotate(180deg);
}
.rotate-enter .rotate-leave-to {
    transform: rotate(0deg);

}
.rotate-leave .rotate-enter-to {
    transform: rotate(180deg);
}
</style>

现在，当单击按钮时，箭头图标将旋转并向上转动。此时，会短暂显示两个图标。

我该如何解决？