みかづきブログ・カスタム

基本的にはちょちょいのほいです。

Yarn + TypeScript + Nuxt.jsで ./index.vue?vue&type=script&lang=ts& in ./pages/index.vue というエラーが起こる 😱

f:id:kimizuka:20200811145835p:plain

根本的には未解決なのだが、記録を残しておく。

実行環境

OS: macOS Catallina(10.15.6)
node: 12.10.0
yarn: 1.22.5
nuxt: 2.14.0

実行手順

yarn create nuxt-app app
? Project name: app
? Programming language: TypeScript
? Package manager: Yarn
? UI framework: None
? Testing framework: None
? Rendering mode: Universal (SSR / SSG)

TypeScriptを有効にして、あとはデフォルトの設定で作成する。

cd app
yarn dev

で、

ERROR Failed to compile with 1 errors
This relative module was not found:
./index.vue?vue&type=script&lang=ts& in ./pages/index.vue

というエラーが出る。
なにも編集していないのにだ。謎だ。前はそんなことなかったのに。

解決方法

解決のために色々試みたが、解決せず、npmを使うことにした。

yarn create nuxt-app app
? Project name: app
? Programming language: TypeScript
? Package manager: Npm
? UI framework: None
? Testing framework: None
? Rendering mode: Universal (SSR / SSG)
cd app
npm run dev

これだと、うまくいく。なぜだ。謎だ。

ちなみに、

yarn create nuxt-app app
? Project name: app
? Programming language: JavaScript
? Package manager: Yarn
? UI framework: None
? Testing framework: None
? Rendering mode: Universal (SSR / SSG)
cd app
yarn dev

と、TypeScriptを諦めてもうまくいく。

TypeScriptかYarnのどちらかを諦めるのであれば、Yarnだろう。と、判断して、npmで開発しているが釈然としない。


追記

原因はわからないが解決した。

blog.kimizuka.org