使用 Vue loader 和 AWS Amplify 编译报错

Question

当运行 vue-cli-service 构建时我得到这个错误。不知道少了什么

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';

模型包含打字稿文件。

Answer 1

已解决将 ./ 替换为 @

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

使用 Vue loader 和 AWS Amplify 编译报错

Compiling error using Vue loader and AWS Amplify

vue.js

vue-loader