Nuxt.js:模块错误(来自./node_modules/eslint-loader/index.js)：

Question

我以recommended的方式安装了Nuxt starter模板：

npx create-nuxt-app fffff

在fffff内部，我安装了css-loder (npm install --save-dev css-loader)，然后启动了服务器：npm run dev

我收到了这个错误消息：

> fffff@1.0.0 dev /home/begueradj/fffff
> nuxt



 INFO  Building project

✔ success Builder initialized
✔ success Nuxt files generated


 ERROR  Failed to compile with 1 errors                                                                                                                         22:09:09

 error  in ./layouts/default.vue

Module Error (from ./node_modules/eslint-loader/index.js):

/home/begueradj/fffff/layouts/default.vue
   89:1  error  Delete `··`                           prettier/prettier
   90:3  error  Delete `··`                           prettier/prettier
   91:1  error  Replace `······` with `····`          prettier/prettier
   92:1  error  Delete `··`                           prettier/prettier
   93:1  error  Replace `········` with `······`      prettier/prettier
   94:1  error  Delete `··`                           prettier/prettier
   95:1  error  Replace `········` with `······`      prettier/prettier
   96:1  error  Delete `··`                           prettier/prettier
   97:1  error  Replace `··········` with `········`  prettier/prettier
   98:7  error  Delete `··`                           prettier/prettier
   99:1  error  Delete `··`                           prettier/prettier
  100:7  error  Delete `··`                           prettier/prettier
  101:1  error  Delete `··`                           prettier/prettier
  102:7  error  Delete `··`                           prettier/prettier
  103:5  error  Delete `··`                           prettier/prettier
  104:1  error  Replace `····` with `··`              prettier/prettier
  105:1  error  Delete `··`                           prettier/prettier

✖ 17 problems (17 errors, 0 warnings)
  17 errors and 0 warnings potentially fixable with the `--fix` option.


 @ ./.nuxt/App.js 4:0-47 6:14-23
 @ ./.nuxt/index.js
 @ ./.nuxt/client.js
 @ multi webpack-hot-middleware/client?name=client&reload=true&timeout=30000&path=/__webpack_hmr ./.nuxt/client.js



 READY  Listening on http://localhost:3000

这是什么原因造成的？如何修复它？

Answer 1

create-nuxt-app生成的默认源代码不遵守ESlint +更漂亮的规则。

尝试手动修复每个规则：

例如：91:1 error Replace '······' with '····' =>将文件layouts/default.vue的第91行开头的6个空格替换为4个空格。

或

使用以下命令自动修复所有规则：

npx prettier --write "**/*.{vue,js}"

Answer 2

不推荐，但如果你只是想玩玩的话很有用

  // nuxt.config.js
  modules: [
    '@nuxtjs/axios'
    // '@nuxtjs/eslint-module' :: bypass this module
  ],

我希望这能有所帮助。