1. 安装 ts 以及相关依赖
yarn add -D @nuxt/typescript ts-node @types/node @nuxt/typescript-build @nuxt/types @nuxt/typescript-runtime
yarn add vue-property-decorator
2. 在 nuxt.config.js 文件中添加 ts 的loader
{
test: /\.ts$/,
exclude: [/node_modules/, /vendor/, /\.nuxt/],
loader: 'ts-loader',
options: {
appendTsSuffixTo: [/\.vue$/, /TSX\.vue$/],
transpileOnly: true,
},
},
以及添加 buildModules: ['@nuxt/typescript-build']
3. 添加 tsconfig.json 文件
{
"compilerOptions": {
"target": "es2018",
"module": "esnext",
"moduleResolution": "node",
"lib"