Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[bug] bud.js not working with Stylelint 16.x #2562

Closed
3 tasks done
pyksid opened this issue Mar 1, 2024 · 1 comment
Closed
3 tasks done

[bug] bud.js not working with Stylelint 16.x #2562

pyksid opened this issue Mar 1, 2024 · 1 comment
Labels
bug Something isn't working stale

Comments

@pyksid
Copy link

pyksid commented Mar 1, 2024

Agreement

Describe the issue

After upgrading from Stylelint 15.x to 16.x, when running bud build, an error occurred and prevented to build assets.

Expected Behavior

bud.js builds assets.

Actual Behavior

$ yarn build 

The CommonJS Node.js API is deprecated. See https://stylelint.io/migration-guide/to-16

╭ bud [34e491be84aaa6c7]                                                                                                                                     ./public
│
│ │ [stylelint] Cannot read properties of undefined (reading 'rejected')
│
╰ 1 error

Steps To Reproduce

yarn build

version

6.20.0

Logs

[bootstrap] › 🏗️ creating context
[env] › Setting dotenv values from /home/xxx/Sites/xxx/.env
[bootstrap] › 🏗️ building bud
[bootstrap] › 📂 basedir [secure]
[bootstrap] › 😎 version 6.20.0
[bootstrap] › 📦 package manager yarn
[cli] › Loading commands from cache...
[cli] › Registering [secure]/node_modules/@roots/bud-eslint/lib/bud/commands/index.js...
[cli] › Registering [secure]/node_modules/@roots/bud-prettier/lib/bud/commands/index.js...
[cli] › Registering [secure]/node_modules/@roots/bud-stylelint/lib/bud/commands/index.js...
[cli] › Instance cached to @roots/bud/instance
[module] › cache is enabled and exists
[module] › imported module: @roots/bud-framework/env
[module] › imported module: @roots/bud-framework/project
[module] › imported module: @roots/bud-cache
[module] › imported module: @roots/bud-compiler
[module] › imported module: @roots/bud-extensions
[module] › imported module: @roots/bud-hooks
[module] › imported module: @roots/bud-api
[module] › imported module: @roots/bud-build
[module] › imported module: @roots/bud-dashboard
[module] › register service callback: Cache.boot
[hooks] › register service callback: Env.bootstrap
[hooks] › register service callback: Api.bootstrap
[hooks] › register service callback: Build.bootstrap
[hooks] › register service callback: Project.buildAfter
[hooks] › register service callback: Extensions.buildAfter
[hooks] › register service callback: Extensions.buildBefore
[hooks] › register service callback: Project.compilerDone
[hooks] › register service callback: Extensions.compilerDone
[hooks] › register service callback: Extensions.configAfter
[hooks] › register service callback: Extensions.configBefore
[hooks] › register service callback: Cache.register
[hooks] › register service callback: Compiler.register
[hooks] › register service callback: Build.register
[module] › imported module: @roots/bud-support/webpack
[build] › build.setLoader minicss
[build] › build.setItem css
[build] › build.setItem css-module
[build] › build.setItem csv
[build] › build.setItem file
[build] › build.setItem html
[build] › build.setItem md
[build] › build.setItem minicss
[build] › build.setItem raw
[build] › build.setItem style
[build] › build.setItem yml
[build] › build.setLoader css
[build] › build.setLoader csv
[build] › build.setLoader file
[build] › build.setLoader html
[build] › build.setLoader remark
[build] › build.setLoader style
[build] › build.setLoader yml
[build] › build.setRule css
[build] › build.setRule css-module
[build] › build.setRule csv
[build] › build.setRule font
[build] › build.setRule html
[build] › build.setRule image
[build] › build.setRule inline-font
[build] › build.setRule inline-image
[build] › build.setRule inline-svg
[build] › build.setRule js
[build] › build.setRule json
[build] › build.setRule svg
[build] › build.setRule toml
[build] › build.setRule webp
[build] › build.setRule yml
[module] › imported module: @roots/bud-extensions/cdn
[module] › imported module: @roots/bud-extensions/esm
[module] › imported module: @roots/bud-extensions/html-webpack-plugin
[module] › imported module: @roots/bud-extensions/import-map
[module] › imported module: @roots/bud-extensions/mini-css-extract-plugin
[module] › imported module: @roots/bud-extensions/webpack-define-plugin
[module] › imported module: @roots/bud-extensions/webpack-hot-module-replacement-plugin
[module] › imported module: @roots/bud-extensions/webpack-lifecycle-plugin
[module] › imported module: @roots/bud-extensions/webpack-profile-plugin
[module] › imported module: @roots/bud-extensions/webpack-provide-plugin
[module] › imported module: @roots/bud-extensions/tsconfig-values
[module] › imported module: @roots/bud-extensions/fix-style-only-entrypoints
[module] › imported module: @roots/bud-extensions/copy-webpack-plugin
[module] › imported module: @roots/bud-minify
[module] › imported module: @roots/bud-extensions/interpolate-html-webpack-plugin
[module] › imported module: @roots/bud-extensions/webpack-manifest-plugin
[module] › imported module: @roots/bud-extensions/clean-webpack-plugin
[module] › imported module: @roots/bud-minify/minify-js
[module] › imported module: @roots/bud-minify/minify-css
[module] › imported module: @roots/bud-entrypoints
[module] › imported module: @roots/bud-prettier
[module] › imported module: @roots/bud-eslint
[module] › imported module: @roots/bud-purgecss
[module] › imported module: @roots/bud-sass
[module] › imported module: @roots/bud-stylelint
[module] › imported module: @roots/sage
[module] › imported module: @roots/sage/acorn
[module] › imported module: @roots/bud-sass/resolve-url
[module] › imported module: @roots/bud-preset-wordpress
[module] › imported module: @roots/bud-postcss
[module] › imported module: @roots/bud-postcss
[module] › imported module: @roots/sage/blade-loader
[module] › imported module: @roots/bud-preset-recommend
[module] › imported module: @roots/bud-react
[module] › imported module: @roots/bud-wordpress-theme-json
[module] › imported module: @roots/bud-wordpress-externals
[module] › imported module: @roots/bud-wordpress-dependencies
[@roots/bud-extensions/import-map] › executing register
[@roots/bud-extensions/webpack-define-plugin] › executing register
[@roots/bud-extensions/tsconfig-values] › executing register
[@roots/bud-minify] › executing register
[@roots/bud-eslint] › executing register
[@roots/bud-stylelint] › executing register
[@roots/bud-stylelint] › setting stylelint path: [secure]/node_modules/stylelint/lib/index.mjs
[@roots/bud-stylelint] › stylelint config loaded {
  extends: [ '@roots/bud-sass/config/stylelint' ],
  rules: { 'import-notation': null, 'selector-class-pattern': null },
  ignoreFiles: [ '**/*/prism.css' ]
}
[@roots/bud-sass/resolve-url] › executing register
[build] › build.setLoader resolve-url
[build] › build.setItem resolve-url
[@roots/bud-postcss] › executing register
[build] › build.setLoader postcss
[build] › build.setItem postcss
[@roots/bud-purgecss] › executing register
[@roots/bud-sass] › executing register
[module] › imported module: sass
[build] › build.setLoader sass
[build] › build.setItem sass
[build] › build.setRule sass
[build] › build.setItem sass-module
[build] › build.setRule sass-module
[@roots/sage/blade-loader] › executing register
[@roots/bud-preset-recommend] › executing register
[module] › imported module: @roots/bud-swc
[extensions] › added @roots/bud-swc
[@roots/bud-swc] › executing register
[build] › build.setLoader swc
[build] › build.setItem swc-typescript
[build] › build.setItem swc-ecmascript
[@roots/bud-swc] › executing boot
[build] › build.setRule ts
[@roots/sage] › executing register
[@roots/sage] › ✔  set path `@dist` => `public`
[@roots/sage] › ✔  set path `@fonts` => `src/fonts`
[@roots/sage] › ✔  set path `@images` => `src/images`
[@roots/sage] › ✔  set path `@scripts` => `src/scripts`
[@roots/sage] › ✔  set path `@src` => `resources`
[@roots/sage] › ✔  set path `@styles` => `resources/styles`
[@roots/sage] › ✔  set path `@views` => `resources/views`
[bud.hash] › called with args: (bud)
[api] › ✔  bud.hash: hash enabled
[@roots/bud-sass] › executing boot
[@roots/bud-react] › executing boot
[bud.provide] › called with args: "[secure]/node_modules/react/index.js", ["React"]
[module] › imported module: @roots/bud-react/react-refresh
[extensions] › added @roots/bud-react/react-refresh
[@roots/bud-preset-wordpress] › executing boot
[config] › processing bud.config
[bud.entry] › called with args: "app", ["@scripts/app","@styles/app"]
[bud.entry] › called with args: "admin", ["@scripts/admin"]
[bud.entry] › called with args: "prism", ["@scripts/prism","@styles/prism"]
[bud.entry] › called with args: "amp", ["@styles/amp"]
[bud.entry] › called with args: "singular", ["@styles/partials/singular"]
[bud.entry] › called with args: "single-post", ["@styles/partials/single-post"]
[bud.entry] › called with args: "single-file", ["@styles/partials/single-file"]
[bud.entry] › called with args: "page", ["@styles/partials/page"]
[bud.entry] › called with args: "tinymce", ["@styles/partials/tinymce"]
[bud.entry] › called with args: "wp-editor", ["@styles/partials/wp-editor"]
[bud.entry] › called with args: "font-awesome", ["@styles/font-awesome"]
[bud.assets] › called with args: ["images"]
[bud.setUrl] › called with args: "http://localhost:3000"
[bud.setProxyUrl] › called with args: "https://xxx.test"
[bud.watch] › called with args: ["resources/views","app","hooks"]
[bud.purgecss] › called with args: {"content":["[secure]/resources/views/**"],"safelist":["rtl","home","blog","archive","date","error404","logged-in","admin-bar","no-customize-support","custom-background","wp-custom-logo","alignnone","alignright","alignleft","alignwide","alignfull","wp-caption","wp-caption-text","screen-reader-text","comment-list","wp-social-link",{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{}]}
[api] › ✔  bud.copy: 1 asset patterns added
[bud.serve] › called with args: "http://localhost:3000"
[bud.proxy] › called with args: "https://xxx.test"
[@roots/bud-extensions/tsconfig-values] › executing configAfter
[@roots/bud-react/react-refresh] › executing configAfter
[browserslist] › check enabled: true (default)
[browserslist] › Browserslist database updated within the past week. Skipping.
[build] › bud.build.make called
[@roots/bud-minify/minify-js] › executing buildBefore
[module] › imported module: terser-webpack-plugin
[@roots/bud-minify/minify-css] › executing buildBefore
[module] › imported module: css-minimizer-webpack-plugin
[@roots/bud-minify] › executing buildBefore
[@roots/sage/acorn] › executing buildBefore
[@roots/bud-purgecss] › executing buildBefore
[@roots/bud-preset-wordpress] › executing buildBefore
[build] › build.setLoader @roots/wordpress-hmr/loader
[build] › build.setItem @roots/wordpress-hmr/loader
[@roots/bud-extensions/mini-css-extract-plugin] › ✔  produced compiler plugin
[@roots/bud-extensions/webpack-lifecycle-plugin] › ✔  produced hybrid compiler/bud plugin
[@roots/bud-extensions/fix-style-only-entrypoints] › ✔  produced compiler plugin
[@roots/bud-extensions/copy-webpack-plugin] › ✔  produced compiler plugin
[@roots/bud-extensions/webpack-manifest-plugin] › ✔  produced compiler plugin
[@roots/bud-extensions/clean-webpack-plugin] › ✔  produced compiler plugin
[@roots/bud-entrypoints] › ✔  produced compiler plugin
[@roots/bud-eslint] › ✔  produced compiler plugin
[@roots/bud-stylelint] › ✔  produced compiler plugin
[@roots/sage/acorn] › ✔  produced hybrid compiler/bud plugin
[@roots/sage/blade-loader] › ✔  produced compiler plugin
[@roots/bud-wordpress-externals] › ✔  produced compiler plugin
[@roots/bud-wordpress-dependencies] › ✔  produced compiler plugin
[@roots/bud-wordpress-dependencies] › ✔  set import alias `@dist` => `[secure]/public`
[build] › ✔  defined: bail (boolean)
[build] › ✔  defined: cache (object)
[build] › ✔  defined: context (string)
[build] › ✔  omitting: dependencies (undefined)
[build] › ✔  defined: devtool (boolean)
[build] › ✔  defined: entry (object)
[build] › ✔  defined: experiments (object)
[build] › ✔  omitting: externals (undefined)
[build] › ✔  omitting: externalsType (undefined)
[build] › ✔  defined: infrastructureLogging (object)
[build] › ✔  omitting: loader (undefined)
[build] › ✔  defined: mode (string)
[build] › ✔  defined: module (object)
[build] › ✔  defined: name (string)
[build] › ✔  defined: node (boolean)
[build] › ✔  defined: optimization (object)
[build] › ✔  defined: output (object)
[build] › ✔  defined: parallelism (number)
[build] › ✔  defined: performance (boolean)
[build] › ✔  omitting: profile (undefined)
[build] › ✔  defined: recordsPath (string)
[build] › ✔  defined: snapshot (object)
[build] › ✔  defined: stats (object)
[build] › ✔  defined: target (string)
[build] › ✔  set import alias `@fonts` => `[secure]/resources/fonts`
[extensions] › defined compiler plugin: @roots/bud-extensions/mini-css-extract-plugin
[extensions] › defined compiler plugin: @roots/bud-extensions/webpack-lifecycle-plugin
[extensions] › defined compiler plugin: @roots/bud-extensions/fix-style-only-entrypoints
[extensions] › defined compiler plugin: @roots/bud-extensions/copy-webpack-plugin
[extensions] › defined compiler plugin: @roots/bud-extensions/webpack-manifest-plugin
[extensions] › defined compiler plugin: @roots/bud-extensions/clean-webpack-plugin
[extensions] › defined compiler plugin: @roots/bud-entrypoints
[extensions] › defined compiler plugin: @roots/bud-eslint
[extensions] › defined compiler plugin: @roots/bud-stylelint
[extensions] › defined compiler plugin: @roots/sage/acorn
[extensions] › defined compiler plugin: @roots/sage/blade-loader
[extensions] › defined compiler plugin: @roots/bud-wordpress-externals
[extensions] › defined compiler plugin: @roots/bud-wordpress-dependencies
[extensions] › using 13 compiler plugins
[extensions] › ✔  set import alias `@images` => `[secure]/resources/images`
[build] › ✔  defined: resolveLoader (object)
[build] › ✔  set import alias `@scripts` => `[secure]/resources/scripts`
[build] › ✔  set import alias `@src` => `[secure]/resources`
[build] › ✔  defined: plugins (object)
[build] › ✔  set import alias `@styles` => `[secure]/resources/styles`
[build] › ✔  set import alias `@views` => `[secure]/resources/views`
[build] › ✔  defined: resolve (object)
[build] › ✔  configuration built
[project] › debug mode disabled. skipping write.
[webpack.cache.PackFileCacheStrategy] restore cache container: 16.511212 ms
[webpack.cache.PackFileCacheStrategy] check build dependencies: 270.532744 ms
[webpack.cache.PackFileCacheStrategy] restore cache content metadata: 2.352275 ms
[webpack.cache.PackFileCacheStrategy] starting to restore cache content 0 (12.5 MiB) because of request to: ResolverCachePlugin|normal|default|dependencyType=|esm|path=|[secure]/resources|request=|@scripts/app
[webpack.cache.PackFileCacheStrategy] restore cache content 0 (12.5 MiB): 42.900181 ms
[@roots/bud-extensions/webpack-lifecycle-plugin] › compilation completed: 34e491be84aaa6c7

╭ bud [34e491be84aaa6c7]                                                  ./public
│
│ │ [stylelint] Cannot read properties of undefined (reading 'rejected')
│
╰ 1 error

[IdleFileCachePlugin] Initial cache was generated and cache will be persisted in 0s.
[module] › resolutions unchanged. skipping write.

Configuration

I configured bud.js following these instructions:

- https://roots.io/sage/docs/sass/
- https://roots.io/sage/docs/adding-linting/

{
  "extends": [
    "@roots/bud/config/jsconfig.json",
    "@roots/sage/config/jsconfig.json"
  ],
  "compilerOptions": {
    "baseUrl": "resources",
    "paths": {
      "@fonts/*": ["fonts/*"],
      "@images/*": ["images/*"],
      "@scripts/*": ["scripts/*"],
      "@styles/*": ["styles/*"]
    },
    "types": [
      "@roots/bud",
      "@roots/bud-react",
      "@roots/bud-postcss",
      "@roots/bud-preset-recommend",
      "@roots/bud-preset-wordpress",
      "@roots/bud-wordpress-theme-json",
      "@roots/sage"
    ]
  },
  "files": ["bud.config.js"],
  "include": ["resources"],
  "exclude": ["node_modules", "public"]
}

Relevant .budfiles

No response

@pyksid pyksid added the bug Something isn't working label Mar 1, 2024
Copy link

github-actions bot commented May 1, 2024

Message to comment on stale issues. If none provided, will not mark issues stale

@github-actions github-actions bot added the stale label May 1, 2024
@github-actions github-actions bot closed this as not planned Won't fix, can't repro, duplicate, stale May 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working stale
Projects
None yet
Development

No branches or pull requests

1 participant