vue.js - npm run build [vue.js] 中的 CSS 缩小错误

Question

每次我尝试运行“npm run build”并且我没有任何 css 文件时都会收到此错误。

ERROR 错误：CSS 缩小错误：发现意外的“：”。文件：css/app.86f0ef2e.css

错误：CSS 缩小错误：发现意外的“：”。文件：C:\Users\LesterKingsley\OneDrive\Desktop\vuewuna\dos\node_modules@intervolga\optimize-cssnano-plugin\index 处的 css/app.86f0ef2e.css。 js:106:21 at processTicksAndRejections (internal/process/task_queues.js:97:5) at async Promise.all (index 0)

我是vue的新手，我没有解决这个问题的线索。

Answer 1

上周我遇到了同样的错误，这是我的解决方案。我不确定它是否对你有用。我所做的基本上是这些；

• 我找到并删除了导致错误的文件（在我的情况下为 public/css/argon.css），然后我删除了该文件中的所有代码并保存。
• 然后我运行 npm run build 并成功构建。
• 构建过程完成后，我将代码粘贴到文件中（在我的情况下为 dist/css/argon.css），vuejs 创建了 css。这解决了问题。如果这对你有用，请竖起大拇指。

Answer 2

我得到了这个错误。对我来说，问题是这样的：

input['text'], 
input['email'] {
    user-select: initial;
}

Answer 3

问题有时出在::v-deep标签中：

// WRONG:
::v-deep(.some-class) { ... }

// READY:
::v-deep .some-class { ... }

Answer 4

请评论您所有的内部 css。这对我来说很成功。

我也没有任何外部 css 文件。但问题出在我的内部文件中。

这是导致错误的行text-align: calc();