cannot resolve module 'style'

[silent-tan]

after init, I import a css in the main.js

// import base css
import './less/materialize.css';

but make error:

ERROR in ./src/main.js
Module not found: Error: Cannot resolve module 'style' in /home/farzer/Documents/git-project/bolecity/src
 @ ./src/main.js 15:0-33

and following is my devDependencies:

├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected] extraneous
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
└── [email protected]

I don not change the webpack config

thanks for all help

[luventa]

need to import css in style node in your entry vue file of app.
for example
in App.vue
<style>@import your css file</style>

[silent-tan]

@luventa

more error:

ERROR in ./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=data-v-dba0c600!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue
Module not found: Error: Cannot resolve module 'style' in /home/farzer/Documents/git-project/bolecity/src
 @ ./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=data-v-dba0c600!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue 3:10-91

// App.vue

<style>
    @import "./assets/style/materialize.css";
</style>

[luventa]

@farzer

I guess you need
npm install style-loader --save-dev

[silent-tan]

sorry, it worked in a new vue project.
But thanks for help. 👍

[reumia]

i'm having same problems right now.

i set my project with vue-cli.
in first, there was no issues with import css files, but suddenly it happen.
i think it's not proper ways you've talked before. is there any good suggestions for this issue?

[silent-tan]

@reumia sorry can not help you, I do not tangle too long on this issue, and no such problems later.