‘npm run serve’ができない〜nodeのバージョン管理〜

普段、何も考えずに〇〇 updateと打ち込んでしまっているため、その戒めとしての備忘録

ちゃんとバージョン管理ソフトは使いましょう。。。

今回ハマったエラーはこちら

Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: [BABEL] /Users/kouki/Projects/vue-login-sample/src/main.js: Package exports for '/Users/kouki/Projects/vue-login-sample/node_modules/@babel/helper-compilation-targets' do not define a '.' subpath (While processing: "/Users/kouki/Projects/vue-login-sample/node_modules/@vue/cli-plugin-babel/preset.js")
    at applyExports (internal/modules/cjs/loader.js:485:15)
    at resolveExports (internal/modules/cjs/loader.js:508:12)
    at Function.Module._findPath (internal/modules/cjs/loader.js:577:20)
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:879:27)
    at Function.Module._load (internal/modules/cjs/loader.js:785:27)
    at Module.require (internal/modules/cjs/loader.js:956:19)
    at require (internal/modules/cjs/helpers.js:74:18)
    at Object.<anonymous> (/Users/kouki/Projects/vue-login-sample/node_modules/@babel/preset-env/lib/debug.js:8:33)
    at Module._compile (internal/modules/cjs/loader.js:1063:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1103:10)
    at Module.load (internal/modules/cjs/loader.js:914:32)
    at Function.Module._load (internal/modules/cjs/loader.js:822:14)
    at Module.require (internal/modules/cjs/loader.js:956:19)
    at require (internal/modules/cjs/helpers.js:74:18)
    at Object.<anonymous> (/Users/kouki/Projects/vue-login-sample/node_modules/@babel/preset-env/lib/index.js:11:14)
    at Module._compile (internal/modules/cjs/loader.js:1063:30)

 @ multi (webpack)-dev-server/client?http://192.168.3.3:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

vue create → npm run serveなので特にエラーを起こすような操作はしていません。
「babel」, 「webpack」と言った文字列が見えたのでおそらくnodeのバージョンの問題だろうと思って確認してみると、

>>> node -v
v13.1.0

いや、もうほんとLTSとかちゃんと見とかないとダメですね 笑
何も考えずにパッケージのアップデートをしたのは誰なんでしょうか 笑

nパッケージを導入

これまで素のnodeを使っていたため、パッケージ管理ソフトを入れることにしました。
nodeのバージョン管理にはnパッケージと言うものがあるらしいのでこれをインストール

>>> npm install -g n
/usr/local/bin/n -> /usr/local/lib/node_modules/n/bin/n
+ n@6.1.3
added 1 package from 4 contributors in 0.553s
>>> n --stable
12.14.1

n現在の安定版を確認してみると、v12だったため

>>> sudo n 12.14.1
   installed : v12.14.1 (with npm 6.13.4)
>>> node -v
v12.14.1

として、nodeを安定版に変更すると、無事にnpm run serveを通すことができました。

めんどくさいけど、バージョン管理はするようにしよう。

Leave a Reply

Your email address will not be published. Required fields are marked *

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)