进行声明时出现意外字符“@”App.vu 作为组件

所以我有一个App.vue 看起来是这样的:

<template>
  <div id="app">
    <div id="nav">
      <router-link to="/">Home</router-link> |
      <router-link to="/about">About</router-link>
    </div>
    <router-view/>
  </div>
</template>

<style lang="less">

我需要导入一个组件 <router-view>

<script>
import Vue from 'vue';
import { Container as MyContainer } from "@mylib/container";

@Component({
  components: {
    MyContainer
  }
})
export default class App extends Vue {}

当我建立我得到一个错误

模块分析失败:意外字符“@”(15:0)您可能需要 处理此文件类型的适当加载程序。

我需要告诉vue吗App.vue 是组件吗?