使用 Vue 加载器和 AWS Amplify 编译错误

问题描述

运行 vue-cli-service build 时出现此错误。我不知道缺少什么。

NODE_ENV=development vue-cli-service build --mode development --watch

This relative module was not found:

* ./models in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/detailpage/ranking/App.vue?vue&type=script&lang=js

应该是这个原因：

import { DataStore } from '@aws-amplify/datastore';
import { Rankings } from './models';

模型包含打字稿文件。

解决方法

解决了用 ./ 替换 @

import { DataStore } from '@aws-amplify/datastore';
import { Rankings } from '@/models';