npm节点反应与tauri的误差

Question

ERROR in ./src/index.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/index.css)

Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
Error: Unexpected "(" found.
   at C:\Users\zahin\Documents\tauri-app\src\index.css:16:5
   at Root._error (C:\Users\zahin\Documents\tauri-app\node_modules\postcss-selector-parser\dist\parser.js:174:16)
   at Root.error (C:\Users\zahin\Documents\tauri-app\node_modules\postcss-selector-parser\dist\selectors\root.js:43:19)
   at Parser.error (C:\Users\zahin\Documents\tauri-app\node_modules\postcss-selector-parser\dist\parser.js:740:21)
   at Parser.attribute (C:\Users\zahin\Documents\tauri-app\node_modules\postcss-selector-parser\dist\parser.js:454:23)
   at Parser.parse (C:\Users\zahin\Documents\tauri-app\node_modules\postcss-selector-parser\dist\parser.js:1073:14)
   at Parser.loop (C:\Users\zahin\Documents\tauri-app\node_modules\postcss-selector-parser\dist\parser.js:1043:12)
   at new Parser (C:\Users\zahin\Documents\tauri-app\node_modules\postcss-selector-parser\dist\parser.js:164:10)
   at Processor._root (C:\Users\zahin\Documents\tauri-app\node_modules\postcss-selector-parser\dist\processor.js:53:18)
   at Processor._runSync (C:\Users\zahin\Documents\tauri-app\node_modules\postcss-selector-parser\dist\processor.js:100:21)
   at Processor.processSync (C:\Users\zahin\Documents\tauri-app\node_modules\postcss-selector-parser\dist\processor.js:197:23)

我这里有个问题--想想怎么解决。有人能帮忙吗？最近我收到了这个错误，不知道如何修复idk，但是这里是我的css代码：-这是我的index.css代码，以获得更好的上下文：-请帮助我，谢谢。

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


@layer base {
  * {
    @apply m-0 p-0 ;
  }
  html {
    @apply text-xl;
  }
  body {
    @apply bg-[url('./img/bg.jpg')] bg-cover bg-no-repeat ;
  }
  header{
    @apply h-screen bg-cover bg-center;
  }
  ul{
    @apply float-right list-none mt-0.5 ;
  }
  ul li{
    @apply inline-block
  }
  ul li a{
    @apply text-white no-underline py-2.5 px-6 border border-solid border-transparent ease-in-out duration-300;  ;
  }
  ul li a:hover{
    @apply bg-white text-black;
  }
  ul li.active a{
    @apply bg-white text-black;
  }
}

Answer 1

好吧，看来我找到了解决办法。顺风似乎没有采取任意的方式，我不得不去tailwind.config.js，并将以下一行添加到theme>extend中：

theme: {
    extend: {
      backgroundImage: {
          'background': "linear-gradient(to right bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(./img/bg.jpg)",
      },
   },
}