将 Nuxt 添加到我的 vue 项目后出错（vue-style-loader css 错误）

Question

请帮帮我。将 Nuxt(SSR) 添加到我的 vue 项目中。全部移动到项目的根目录，创建一个页面文件夹。出现以下错误：

 ERROR in ./.nuxt/components/nuxt-loading.vue?vue&type=style&index=0&lang=css& (./node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--3-oneOf-1-2!./node_modules/vue-loader/lib??vue-loader-options!./.nuxt/components/nuxt-loading.vue?vue&type=style&index=0&lang=css&)
    Module build failed (from ./node_modules/css-loader/dist/cjs.js):
    ValidationError: Invalid options object. CSS Loader has been initialized using an options object that does not match the API schema.
     - options.modules has an unknown property 'compileType'. These properties are valid:
       object { auto?, mode?, exportGlobals?, localIdentName?, localIdentRegExp?, context?, hashPrefix?, getLocalIdent? }
        at validate (/app/node_modules/css-loader/node_modules/schema-utils/dist/validate.js:98:11)
        at Object.loader (/app/node_modules/css-loader/dist/index.js:36:28)
     @ ./.nuxt/components/nuxt-loading.vue?vue&type=style&index=0&lang=css& (./node_modules/vue-style-loader??ref--3-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--3-oneOf-1-2!./node_modules/vue-loader/lib??vue-loader-options!./.nuxt/components/nuxt-loading.vue?vue&type=style&index=0&lang=css&) 4:14-327
     @ ./.nuxt/components/nuxt-loading.vue?vue&type=style&index=0&lang=css&
     @ ./.nuxt/components/nuxt-loading.vue
     @ ./.nuxt/App.js
     @ ./.nuxt/index.js
     @ ./.nuxt/client.js
     @ multi ./.nuxt/client.js

来自 nuxt.config.js 的代码：

import { resolve } from 'path'

export default {
  alias: {
    style: resolve(__dirname, './assets/style'),
  },
}

据我了解，该错误与 Nuxt 的设置有关。

Answer 1

在您的 package.json 中，您确实将 sass-loader 设置为 ^12.1.0，同时软件包引入了 breaking change during v11.0.0.

它需要 Webpack5，Nuxt 目前还不兼容。如果你将它降级到 v10.1.1（以及所有相关的软件包，如 node-sass），你应该没问题。

将 Nuxt 添加到我的 vue 项目后出错（vue-style-loader css 错误）

Error after added Nuxt to my vue project (vue-style-loader css error)

vue.js

server-side-rendering

vuejs2

nuxt.js