首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >错误:加载PostCSS插件失败:无效或意外令牌(Vue.js,顺风css)

错误:加载PostCSS插件失败:无效或意外令牌(Vue.js,顺风css)
EN

Stack Overflow用户
提问于 2021-09-10 16:54:19
回答 3查看 4.2K关注 0票数 2

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

误差

代码语言:javascript
运行
复制
 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

代码语言:javascript
运行
复制
module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
}

index.css

代码语言:javascript
运行
复制
@tailwind base;
@tailwind components;
@tailwind utilities;
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2021-09-30 07:18:15

当我尝试将我的Vue应用程序部署到数字海洋水滴时,我也遇到了同样的错误。虽然我的应用程序在我的本地机器上构建和运行得很完美,但它在服务器机器上却没有工作。

然后,我检查了我的Node版本,它在我的本地机器上是14.17.1版本,但是在我的服务器上运行的版本不同(可能是10.0.1版本)。在我将服务器中的Node版本升级到14.17.1版本之后,我能够像在本地机器上一样构建和运行。

因此,我建议您检查Node版本是否类似,如果没有,则更新并再试一次。我希望它对你有用。

我还试着卸载和重新安装所有的依赖项,也重新安装了PostCSS 8.0,但都没有工作。只有在我使用了相同的节点版本之后,它才在服务器上像在本地机器中一样完美地运行。

票数 1
EN

Stack Overflow用户

发布于 2022-05-20 19:36:24

我在运行Node 10时遇到了这种情况,并且还能够通过升级Node来修复它。对于其他遇到这种情况的人,我强烈建议使用NVM ()包,这样,如果其他项目依赖于Node的旧版本,您可以在它们之间快速切换。

https://tecadmin.net/how-to-install-nvm-on-ubuntu-20-04/

票数 1
EN

Stack Overflow用户

发布于 2022-03-01 06:10:33

在我的例子中,eslint自动格式化了postcss.config.js,并且它创建了这个错误。因此,确保您的所有文件是相同的定义在顺风设置。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69135570

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档