Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Unexpected 'Compiling RuleSet failed: Properties query are unknown' error with Vue 2 in a Laravel project

See original GitHub issue

Describe the bug

After I ran npx sb init inside of my Laravel project (which uses Vue 2), running npm run storybook produces this error:

ERR! Error: Compiling RuleSet failed: Properties query are unknown (at clonedRuleSet-11[0].rules[0]: [object Object])
ERR!     at RuleSetCompiler.error (/Users/danielbachhuber/projects/cedar/node_modules/webpack/lib/rules/RuleSetCompiler.js:373:10)
ERR!     at RuleSetCompiler.compileRule (/Users/danielbachhuber/projects/cedar/node_modules/webpack/lib/rules/RuleSetCompiler.js:196:15)
ERR!     at /Users/danielbachhuber/projects/cedar/node_modules/webpack/lib/rules/RuleSetCompiler.js:154:9
ERR!     at Array.map (<anonymous>)
ERR!     at RuleSetCompiler.compileRules (/Users/danielbachhuber/projects/cedar/node_modules/webpack/lib/rules/RuleSetCompiler.js:153:16)
ERR!     at RuleSetCompiler.compileRule (/Users/danielbachhuber/projects/cedar/node_modules/webpack/lib/rules/RuleSetCompiler.js:184:30)
ERR!     at /Users/danielbachhuber/projects/cedar/node_modules/webpack/lib/rules/RuleSetCompiler.js:154:9
ERR!     at Array.map (<anonymous>)
ERR!     at RuleSetCompiler.compileRules (/Users/danielbachhuber/projects/cedar/node_modules/webpack/lib/rules/RuleSetCompiler.js:153:16)
ERR!     at cloneRule (/Users/danielbachhuber/projects/cedar/node_modules/vue-loader/lib/plugin-webpack5.js:144:33)
ERR!     at /Users/danielbachhuber/projects/cedar/node_modules/vue-loader/lib/plugin-webpack5.js:111:25
ERR!     at Array.map (<anonymous>)
ERR!     at VueLoaderPlugin.apply (/Users/danielbachhuber/projects/cedar/node_modules/vue-loader/lib/plugin-webpack5.js:111:8)
ERR!     at webpack (/Users/danielbachhuber/projects/cedar/node_modules/@storybook/core/node_modules/webpack/lib/webpack.js:51:13)
ERR!     at startPreview (/Users/danielbachhuber/projects/cedar/node_modules/@storybook/core/dist/server/dev-server.js:420:39)
ERR!     at async Promise.all (index 0)

Here’s my package.json https://gist.github.com/danielbachhuber/667f6717d299b23b54bb137aa77e6161

Issue Analytics

State:
Created 2 years ago
Comments:7 (3 by maintainers)

Top GitHub Comments

1reaction

danielbachhubercommented, Apr 5, 2021

@pocka Works great, thank you!

0reactions

pockacommented, Apr 2, 2021

@danielbachhuber A quick search shows some webpack5 users facing similar errors. ~Probably no iframe.html on build-storybook is also due to the same reason (an incompatible html-webpack-plugin version).~ UPDATE: You should use a local HTTP server to check the output of build-storybook. https://github.com/storybookjs/storybook/issues/13332 https://github.com/storybookjs/storybook/issues/14273

I think this comment could help you.

Top Results From Across the Web

Properties query are unknown' error with Vue 2 in a Laravel ...

Describe the bug. After I ran npx sb init inside of my Laravel project (which uses Vue 2), running npm run storybook produces...

webpack-cli Error: Compiling RuleSet failed - Stack Overflow

The problem seems to be vue-style-loader related; commenting out css section of webpack.config.js, I've got different and much more clean error ...

Webpack has been initialized using a configuration object

I just install a new laravel project ( laravel and PHP 8) laravel new laravue Then I ... configuration.module.rules[10] has an unknown property...

Static Application Security Testing (SAST) - GitLab Docs

On failure, the analyzer outputs an exit code. Use cases. Your code has a potentially dangerous attribute in a class, or unsafe code...

Error Handling - Laravel - The PHP Framework For Web Artisans

Introduction. When you start a new Laravel project, error and exception handling is already configured for you. The App\Exceptions\Handler class is ...