Alzaabi98's avatar

what is this issue in this import for css file via mix ?

Hi,

I am tried to add videojs css file via mix compilation process . I have the file videojs.css under the this path :

Resources->sass->vendor->videojs.css

when I add this line in app.scss :

@import "vendor/video-js";

I got this error when i run npm run dev or wtach

`

@ development /Users/abdulaziz/Laravel-Projects/trainremote cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

95% emitting

ERROR Failed to compile with 1 errors This relative module was not found:

  • ./font/VideoJS.eot in ./~/css-loader?{"url":true,"sourceMap":false}!./~/postcss-loader?{"sourceMap":false}!./~/resolve-url-loader!./~/sass-loader/lib/loader.js?{"precision":8,"outputStyle":"expanded","sourceMap":true}!./resources/assets/sass/app.scss

`

it looks it can see this file,,

but when i do this

` @import url(http://vjs.zencdn.net/5.19.2/video-js.css);

` it worked

can someone help to see what is the issue with importing local file instead of url

0 likes
2 replies
MartinDevNow's avatar

I have the same issue, but with:

// Bootstrap
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

It generates the same error.

Please or to participate in this conversation.