質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Vue CLI

Vue CLIは、Vue.jsでアプリケーション開発を行うためのコマンドラインインタフェース(CLI)に基づいた開発ツールです。インタラクティブなプロジェクトの雛形や設定なしで使用できるプロトタイプの作成など、さまざまな機能が用意されています。

Q&A

解決済

1回答

3772閲覧

Vue CLI: npm run serve でエラー

PoorEngineerJp

総合スコア1

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Vue CLI

Vue CLIは、Vue.jsでアプリケーション開発を行うためのコマンドラインインタフェース(CLI)に基づいた開発ツールです。インタラクティブなプロジェクトの雛形や設定なしで使用できるプロトタイプの作成など、さまざまな機能が用意されています。

0グッド

0クリップ

投稿2020/06/21 13:24

前提・実現したいこと

はじめまして。現在Vue.jsを学習しているものです。
表題のとおり本日、run serveでローカルサーバを立ち上げようとしたところ下記の様なエラーが出現してしまい、対応に困っております。
いままでVueCliのプロジェクトは2つほど作成しており、これまでは問題なくローカルサーバの立ち上げまで、行えておりました。
こちらのエラーの原因がわかる方がいらっしゃいましたら、
ご教示いただけますと幸いです。
宜しくお願い致します。

やったこと

下記の手順でプロジェクトを作成し、ローカルサーバを立ち上げました。

①ターミナルを開きVueCLIをインストール(成功)
npm install -g @vue/cli
②vuerという名前でプロジェクトを作成(成功)
vue create vuer
③ローカルサーバを立ち上げる(失敗)
npm run serve

発生している問題・エラーメッセージ

ターミナルに下記メッセージが出力され、ローカルサーバを立ち上げることができておりません。

INFO Starting development server... ERROR Error: Package exports for '/Users/nanashi/Desktop/study/Udemy/Vuejs2/vuer/node_modules/kleur' do not define a valid './colors' target Error: Package exports for '/Users/nanashi/Desktop/study/Udemy/Vuejs2/vuer/node_modules/kleur' do not define a valid './colors' target at resolveExportsTarget (internal/modules/cjs/loader.js:460:13) at resolveExports (internal/modules/cjs/loader.js:393:16) at Function.Module._findPath (internal/modules/cjs/loader.js:492:20) at Function.Module._resolveFilename (internal/modules/cjs/loader.js:787:27) at Function.Module._load (internal/modules/cjs/loader.js:693:27) at Module.require (internal/modules/cjs/loader.js:864:19) at require (internal/modules/cjs/helpers.js:74:18) at Object.<anonymous> (/Users/nanashi/Desktop/study/Udemy/Vuejs2/vuer/node_modules/autoprefixer/lib/autoprefixer.js:9:13) at Module._compile (internal/modules/cjs/loader.js:971:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1011:10) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! vuer@0.1.0 serve: `vue-cli-service serve` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the vuer@0.1.0 serve script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! /Users/nanashi/.npm/_logs/2020-06-21T09_11_09_438Z-debug.log

試したこと

バージョンの最新化

各バージョンは現在下記の通りになっております。

vue --version @vue/cli 4.4.4 npm --version 6.14.5 node --version v13.0.1

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

おそらくこちらのリンク先と同じ問題なので
npm install autoprefixer@9.8.0
インストールすれば直りそうです。
https://github.com/postcss/autoprefixer/issues/1328

投稿2020/06/22 04:30

yasutomi

総合スコア2939

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

PoorEngineerJp

2020/06/22 10:27

ご回答ありがとうございます! こちらの問題、Node.jsのバージョンを最新にすることで解決いたしました!
yasutomi

2020/06/22 11:05

解決できて良かったです。 私の環境では動作していたのですが Node.jsのバージョンの問題だったのですね。 参考までに私のバージョンも貼っておきます。 $ vue --version @vue/cli 4.3.1 $ npm --version 6.14.5 $ node --version v13.13.0 $ npm list vue vuer@0.1.0 /Users/vuer └── vue@2.6.11
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問