現役フリーランスエンジニアが運営するテックメディア。日々の業務で得た知識を発信していきます！

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

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.

• この記事を書いた人
• 最新の記事

WINDII

WINDII（ウィンディ）は、フリーランスエンジニアが運営するテックメディアです。 日々の業務で得た知見を、皆さんに役立つコンテンツにして発信していくので応援よろしくお願いします！ また、Slackで無料コミュニティも運営しています。たくさんのエンジニアが参加していて、プログラミングの相談や雑談などをしている楽しいコミュニティなので、興味ある方はぜひお気軽にご参加ください。 Slackコミュニティはこちらから

最新記事 by WINDII (全て見る)

• Canvaが最高すぎる。使い方を完全ガイド【チュートリアルあり】 - 2019年5月14日
• 人気急上昇中のLaravelをはじめよう！【徹底解説】 - 2019年4月23日
• Laravelの認可を理解して実装してみよう！ - 2019年3月29日