亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

將 TailwindCSS 與 Symfony Webpack Encore 結合使用

將 TailwindCSS 與 Symfony Webpack Encore 結合使用

天涯盡頭無女友 2023-11-12 22:19:30
我在使用 Symfony 設置 TailwindCSS 時遇到問題,我不確定出了什么問題webpack.config.jsvar Encore = require('@symfony/webpack-encore');if (!Encore.isRuntimeEnvironmentConfigured()) {    Encore.configureRuntimeEnvironment(process.env.NODE_ENV || 'dev');}Encore    .setOutputPath('public/build/')    .setPublicPath('/build')    .addStyleEntry('tailwind', './assets/css/tailwind.css')    .enablePostCssLoader((options) => {         options.config = {          // directory where the postcss.config.js file is stored                 path: './postcss.config.js'         };    })這是輸出yarn encore devyarn run v1.22.0 運行 webpack ...錯誤 編譯失敗,有 1 個錯誤./assets/css/tailwind.css 中的錯誤ValidationError:選項對象無效。PostCSS Loader 已使用與 API 架構不匹配的選項對象進行初始化。options 有一個未知的屬性“config”。這些屬性是有效的:object { postcssOptions?,execute?,sourceMap? }入口點 tailwind = runtime.jsModuleBuildError:模塊構建失?。▉碜?./node_modules/postcss-loader/dist/cjs.js):ValidationError:選項對象無效。PostCSS Loader 已使用與 API 架構不匹配的選項對象進行初始化。options 有一個未知的屬性“config”。這些屬性是有效的:object { postcssOptions?,execute?,sourceMap? } 在 validate (./node_modules/schema-utils/dist/validate.js:104:11) 在 Object.loader (./node_modules/postcss-loader/dist/index.js:43:29)" -t "Webpack Encore" 錯誤 命令失敗,退出代碼 2。信息 請訪問 https://yarnpkg.com/en/docs/cli/run以獲取有關此命令的文檔我有節點 v14.15.0,我嘗試進行紗線升級。這是我的直接依賴項:成功保存鎖定文件。成功保存了 598 個新的依賴項。info 直接依賴 ├─ @symfony/ [email protected]├─ [email protected]├─ [email protected]├─ [email protected]├─ [email protected]├─ [email protected]├─ [email protected]├─ [email protected]├─ [email protected]└─ [email protected]就像我之前所說的,我不確定出了什么問題,并且我嘗試自己糾正問題失敗了。該錯誤似乎來自 postcss 或至少來自我的文件中 postcss 不喜歡的內容。有人可以解釋一下這個錯誤從何而來以及如何糾正嗎?
查看完整描述

1 回答

?
拉莫斯之舞

TA貢獻1820條經驗 獲得超10個贊

看起來已經通過將選項postcss-loader移動到來更改他們的 api 。configpostcssOptions


讓我們嘗試使用以下新選項:


Encore

// ...

.enablePostCssLoader((options) => {

  // new option outlined here https://webpack.js.org/loaders/postcss-loader/

  options.postcssOptions = {

    config: './postcss.config.js',

  },

})


查看完整回答
反對 回復 2023-11-12
  • 1 回答
  • 0 關注
  • 231 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號