小编Ika*_*aki的帖子

我有一个使用 Parcel.js 打包器构建的已部署项目。

应用 CSS Autoprefixer 并重新部署网站后，我网站的几乎所有样式都已损坏。我真的不确定是什么导致了这种情况，不幸的是，对于我遇到的问题，我什至找不到一个类似的问题。

我首先在我的开发依赖项中添加了 Autoprefixer：

"devDependencies": {
    "autoprefixer": "^9.5.1",
    "parcel-bundler": "^1.12.3",
    "postcss-modules": "^1.4.1"
  },

然后我在我的根文件夹中创建了一个 .postcssrc 配置文件，其中包含：（我在站点中使用了相当多的 CSS-Grid 布局，因此有以下配置）

{
  "modules": true,
  "plugins": {
    "autoprefixer": {
      "grid": "autoplace"
    }
  }
}

我还在根文件夹中为浏览器目标创建了一个 .browserslistrc 配置文件，其中包含：

defaults

我为浏览器目标选择了默认配置，因为它在 Autoprefixer 文档中提到，默认选项包含各种浏览器，而且因为我没有任何特定需求，这似乎是最好的选择。

我已尽力准确描述事件，如果您需要更多信息，请告诉我。

更新：我认为问题是"autoprefixer": { "grid": "autoplace"在 autoprefixer 文档中提到的，选择这个选项可能会导致已经部署/建立的没有 autoprefixer 的网站出现问题。所以我将我的更改回滚到它的 pre-autoprefixer 状态并没有再次完成所有步骤，但是这次我没有启用该grid: autoplace选项并选择了默认值，grid: true但我再次遇到了同样的问题。

我认为这可能与 Parcel 或我在 Parcel 中使用 postcss 的方式有关。

我已经使用 nodemailer 设置了一个 firebase-function 以从连接到我的联系表单的 firebase-database 获取输入并将其通过电子邮件发送到我的电子邮件。

我已成功部署该函数，并且可以在我的 firebase 控制台中看到该函数，但是我没有在控制台中收到任何错误，也没有在控制台的函数部分看到任何日志或信息。它现在根本不起作用。

这是我第一次这样做，我已经查看了几乎所有其他关于 SO 的类似问题，但他们都没有给我任何关于我做错了什么的线索。

这是我的函数 package.json：

{
  "name": "functions",
  "description": "Cloud Functions for Firebase",
  "scripts": {
    "lint": "eslint .",
    "serve": "firebase serve --only functions",
    "shell": "firebase functions:shell",
    "start": "npm run shell",
    "deploy": "firebase deploy --only functions",
    "logs": "firebase functions:log"
  },
  "engines": {
    "node": "8"
  },
  "dependencies": {
    "firebase-admin": "~7.0.0",
    "firebase-functions": "^2.3.0",
    "nodemailer": "^6.1.1"
  },
  "devDependencies": {
    "eslint-plugin-promise": "^4.0.1",
    "firebase-functions-test": "^0.1.6"
  },
  "private": true
}

这是函数文件夹中的 index.js 代码：

const functions = require("firebase-functions"); …