错误：加载 PostCSS 插件失败：令牌无效或意外（Vue.js、tailwind css）

Posted 2023-03-07

【中文标题】错误：加载 PostCSS 插件失败：令牌无效或意外（Vue.js、tailwind css）

【英文标题】：Error: Loading PostCSS Plugin failed: Invalid or unexpected token (Vue.js, tailwind css)

【发布时间】：2021-11-07 03:30:15

【问题描述】：

从 github 克隆我的 repo 作为在新机器上工作，为我的项目安装了所有依赖项，但抛出了这个错误，不知道发生了什么或如何修复它。已尝试卸载所有节点模块并重新安装。按照建议将 postCSS 重新安装到版本 8。有什么想法吗？

错误

 ERROR  Failed to compile with 1 error                                                 17:43:02

 error  in ./src/index.css

Syntax Error: Error: Loading PostCSS Plugin failed: Invalid or unexpected token

(@/home/project/postcss.config.js)
    at Array.map (<anonymous>)


 @ ./src/index.css 4:14-157 15:3-20:5 16:22-165
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.0.23:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

postcss.config.js

module.exports = 
  plugins: 
    tailwindcss: ,
    autoprefixer: ,
  ,

index.css

@tailwind base;
@tailwind components;
@tailwind utilities;

【参考方案1】：

当我尝试将我的 Vue 应用程序部署到 Digital Ocean droplet 时，我遇到了同样的错误。尽管我的应用程序在我的本地机器上构建和运行完美，但它不能在服务器机器上运行。

然后我在本地机器上检查了我的 Node 版本，它是 v14.17.1，但在我的服务器上运行的是不同的版本（可能是 v10.0.1）。在我将服务器中的 Node 版本升级到 v14.17.1 后，我能够像在本地机器上一样构建和运行。

所以我建议你检查Node版本是否相似，如果不是，请更新并重试。我希望它对你有用。

我还尝试卸载并重新安装所有依赖项，也重新安装了 PostCSS 8.0，但都没有成功。只有在我使用相同的节点版本后，它才能在服务器中完美运行，就像在本地机器上一样。