nuxt-typescript-template启动问题

nuxt-typescript-template是NUXT的基于typescript的模板,但是下载下来但是无法启动,因为版本更新后代码没有更新,一些写法会在启动的时候进行报错,会出现如下错误:

1
2
3
4
5
6
7
8
9
10
11
npm run dev
> nuxt-typescript-starter@1.0.4 dev /Users/roselia/Project/work/mr.cui-web-v2
> nuxt
nuxt:build App root: /Users/roselia/Project/work/mr.cui-web-v2 +0ms
nuxt:build Generating /Users/roselia/Project/work/mr.cui-web-v2/.nuxt files... +2ms
nuxt:build Generating files... +9ms
nuxt:build Generating routes... +4ms
nuxt:build Building files... +54ms
TypeError: Cannot read property 'loaders' of undefined

其实在这个项目的pull request中有对问题的修正:fixed

主要是进行如下改动:

1.路径问题

1
2
-import axios from "~plugins/axios"
+import axios from "~/plugins/axios"

需要把路径中的 ~plugins 更换为~/plugins

2.template/modules/typescript.ts 配置问题

1
2
-rule.query.loaders.ts = 'ts-loader?{"appendTsSuffixTo":["\\\\.vue$"]}'
+rule.options.loaders.ts = 'ts-loader?{"appendTsSuffixTo":["\\\\.vue$"]}'

需要把query更换为options

这样启动即可正常。