NuxtJS 和 Vuetify - Webpack 构建因错误退出

Question

我使用 Vuetify v0.17.6 和 NuxtJS v1.3.0.

我将我的项目投入生产时遇到此错误：https://pastebin.com/AJWHZE9q

我认为是在 NuxtJS 上导入 Vuetify 作为插件。

我的 vuetify.js NuxtJS 插件文件：

import Vue from 'vue'
import Vuetify from 'vuetify'

import 'vuetify/dist/vuetify.min.css'

Vue.use(Vuetify, {
  theme: {
    primary: "#F57C00",
    secondary: "#EF6C00",
    accent: "#E65100",
    error: "#F44336",
    warning: "#ffeb3b",
    info: "#2196F3",
    success: "#4CAF50"
  }
})

Answer 1

我找到了根本原因！

我使用以下命令在我的项目中降级了 postcss-loader v2.1.2 包：

npm install postcss-loader@^2.1.1 --save-dev

或

yarn add postcss-loader@^2.1.1 -D

在 node_modules/postcss-loader/lib/options 中更改了一个选项。json

而且我忘记提交 yarn.lock 文件。

NuxtJS 和 Vuetify - Webpack 构建因错误退出

NuxtJS & Vuetify - Webpack build exited with errors

vue.js

nuxt.js

vuetify.js