微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

TailwindCSS 与 Webpack 项目

如何解决TailwindCSS 与 Webpack 项目

对不起,我正在尝试制作使用 TailwindCSS(PostCSS 插件)、Webpack v5、babel、eslint 和 stylelint 的 Electronjs 项目,但我遇到了这个错误(运行 webpack serve --color --progress --config webpack.dev.js 时)。我感谢你的帮助 我的错误图片在这里Error

如果你也想要,日志在这里

ERROR in ./src/main.css
Module build Failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build Failed (from ./node_modules/prettier-loader/prettier-loader.js):
SyntaxError: Leading decorators must be attached to a class declaration. (1:9)
> 1 | @import 'tailwindcss/base';
    |         ^
  2 | @import 'tailwindcss/components';
  3 | @import 'tailwindcss/utilities';
  4 | @import './css/font.css';
    at Us (D:\genzoc\node_modules\prettier\parser-babel.js:22:7277)
    at tn (D:\genzoc\node_modules\prettier\parser-babel.js:22:66392)
    at Object.parse (D:\genzoc\node_modules\prettier\parser-babel.js:22:334269)
    at Object.parse$a [as parse] (D:\genzoc\node_modules\prettier\index.js:13652:19)
    at coreFormat (D:\genzoc\node_modules\prettier\index.js:15183:16)
    at formatWithCursor$1 (D:\genzoc\node_modules\prettier\index.js:15423:14)
    at D:\genzoc\node_modules\prettier\index.js:60171:12
    at Object.format (D:\genzoc\node_modules\prettier\index.js:60191:12)
    at Object.module.exports (D:\genzoc\node_modules\prettier-loader\prettier-loader.js:98:31)
    at processResult (D:\genzoc\node_modules\webpack\lib\normalModule.js:703:19)
    at D:\genzoc\node_modules\webpack\lib\normalModule.js:809:5
    at D:\genzoc\node_modules\loader-runner\lib\LoaderRunner.js:399:11
    at D:\genzoc\node_modules\loader-runner\lib\LoaderRunner.js:251:18
    at context.callback (D:\genzoc\node_modules\loader-runner\lib\LoaderRunner.js:124:13)
    at Object.module.exports (D:\genzoc\node_modules\prettier-loader\prettier-loader.js:100:12)
 @ ./src/main.js 1:0-20

我的存储库是 herehttps://github.com/Cokaps/GenZOC

解决方法

好吧,您是否尝试在其他 linter 之前加载 postcss? (在您的配置中,prettier-loader 在 postcss 之前运行。并且您可能想要禁用这些 linter(移动到另一个文件,因为在您的情况下 linting 是无用的,您正在尝试 lint 依赖项)

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其他元素将获得点击?
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。)
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbcDriver发生异常。为什么?
这是用Java进行XML解析的最佳库。
Java的PriorityQueue的内置迭代器不会以任何特定顺序遍历数据结构。为什么?
如何在Java中聆听按键时移动图像。
Java“Program to an interface”。这是什么意思?