プログラミング学習やフリーランスエンジニア情報を発信していきます。現役フリーランスエンジニア2人で運営してます!

  1. フロントエンド

Nuxtのstarter-templateを立ち上げるとエラーが出るときの対処法

最終更新日:2018/10/07

このようなエラーが出た時の対処法。

Module build failed (from ./node_modules/eslint-loader/index.js):
TypeError: Cannot read property 'eslint' of undefined
    at Object.module.exports (<directory>/node_modules/eslint-loader/index.js:148:18)

出現条件

Vue Cli v3.0.3で

vue init nuxt-community/starter-template my-project

して

npm install

npm run dev

すると出現。

対処法

nuxt.config.js のなかでif文のなかのisClientをprocess.clientに変更してください。

before

extend (config, { isDev, isClient }) {
    if (isDev && isClient) {
        config.module.rules.push({
        enforce: 'pre',
        test: /\.(js|vue)$/,
        loader: 'eslint-loader',
        exclude: /(node_modules)/
      })
    }
}

after

extend (config, { isDev, isClient }) {
    if (isDev && process.client) {
        config.module.rules.push({
        enforce: 'pre',
        test: /\.(js|vue)$/,
        loader: 'eslint-loader',
        exclude: /(node_modules)/
      })
    }
}

この対処法で無事表示されます。以上です!

The following two tabs change content below.

riri

25歳。 Twitter:りりー@ryudoi1 // windii socialというslackチャンネルで質問や雑談等受け付けてるので気軽に参加してください!(もちろん無料です) フリーランスになるまでの過程は こちら

関連記事

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

PAGE TOP