Recieving a warning when trying to import within a vue app

[ingvoo]

I setup an app with the vue-cli and am using Storybook and I get this warning:

WARNING in ./node_modules/tailwind-config/dist/index.js 1:292-296
Critical dependency: the request of a dependency is an expression
 @ ./src/stories/colors.stories.js
 @ ./src/stories sync \.stories\.js$
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/core/dist/server/common/polyfills.js ./node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js ./node_modules/webpack-hot-middleware/client.js?reload=true

Does anyone have an idea what might be causing this? After researching I found out that this is a very common issue and is often being resolved by downgrading Webpack which is not really an option with the vue-cli I guess.

[davecalnan]

I haven't come across that issue I'm afraid. Could you let me know what version of vue-cli and storybook you are using and I'll try to replicate?

[B3Kay]

I get the same problem. I run Storybook aswell but with React.

index.js:49 TypeError: Cannot read property 'filename' of undefined
    at o (index.js:319)
    at Object.theme (index.js:319)
    at Module../src/components/navigation/NewTopNav.jsx (NewTopNav.jsx:20)
    at __webpack_require__ (bootstrap:785)
    at fn (bootstrap:150)
    at Module.<anonymous> (TopNav.stories.js:2)
    at Module../src/components/navigation/TopNav.stories.js (TopNav.stories.js:145)
    at __webpack_require__ (bootstrap:785)
    at fn (bootstrap:150)
    at webpackContext (src sync \.stories\.js$:32)

javascript
./node_modules/tailwind-config/dist/index.js 1:292-296Critical dependency: the request of a dependency is an expression

[homerjam]

Same issue here

[romancieslik]

Same here on react-create-app

[Xb0X]

Same here 👍

[Xb0X]

I get the same problem. I run Storybook aswell but with React.

index.js:49 TypeError: Cannot read property 'filename' of undefined
    at o (index.js:319)
    at Object.theme (index.js:319)
    at Module../src/components/navigation/NewTopNav.jsx (NewTopNav.jsx:20)
    at __webpack_require__ (bootstrap:785)
    at fn (bootstrap:150)
    at Module.<anonymous> (TopNav.stories.js:2)
    at Module../src/components/navigation/TopNav.stories.js (TopNav.stories.js:145)
    at __webpack_require__ (bootstrap:785)
    at fn (bootstrap:150)
    at webpackContext (src sync \.stories\.js$:32)

javascript
./node_modules/tailwind-config/dist/index.js 1:292-296Critical dependency: the request of a dependency is an expression

@B3Kay did you manage to go throught this in any way ? :)