question-mark
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.

Failed to load src: "vue-multiselect/dist/vue-multiselect.min.css"

See original GitHub issue

Following the new readme, I’m suddenly receiving this when I compile.

"vue-multiselect": "2.0.0-beta.14",

From one of my files, I’ve added the below line per the new readme for beta.14

<style src="vue-multiselect/dist/vue-multiselect.min.css"></style>

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:1
  • Comments:7 (2 by maintainers)

github_iconTop GitHub Comments

2reactions
OliverGrimsleycommented, Mar 6, 2017

It worked for me in a Vue file (Laravel Mix), however, I had to reference the npm module and not some other project location. So:

<template>
	<div>
        ... [code]
	</div>
</template>
<script>
	export default {
        ... [code]
	}
</script>
<style src="vue-multiselect/dist/vue-multiselect.min.css"></style>

Note that the Laravel Mix bundler assumes these files are located under node_modules project folder. I could never get it to pull in from anywhere else, which probably requires some adjustment to the webpack configuration. Also, I had to make sure I was on the latest Node/npm, and also, Mix plugin. Finally, recently I have had to delete and reinstall my node modules due to problems with the vue-loader plugin. That helped.

Or per plugin author, you can just include the raw css in the <head></head> project layout app.

0reactions
OliverGrimsleycommented, Mar 9, 2017

Sorry, I was not very clear. Mine initially did not work either. I had to update Node, vue-loader (for style sheets) and npm for it to work in webpack. In fact, I had to delete my whole node module directory and re-install it, because something changed in vue-loader and my entire build process stopped working. Anyway, after I updated everything, the css loaded into the component fine. I do not use gulp so no idea if that tool will work.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Upstream CSS files with embedded sourceMappingURL are ...
DevTools failed to load source map: Could not load content for https://vitejs-vite-sfhie6--3000.local.webcontainer.io/bootstrap.min.css.map: ...
Read more >
CSS, Images, JS not loading in IIS - Stack Overflow
I believe this is because the "Specific user" did not have permissions to the folder location, where the identity of the application pool...
Read more >
Solving the React Error: Not Picking Up CSS Style | Pluralsight
This error is generated because the compiler is only able to import files from the src folder. Here, the CSS file is saved...
Read more >
How to set a default image when an image fails to load
Image loading in websites fail for many reasons. It could be that the src of the image contains a broken link. Or, the...
Read more >
How to fix CSS background-image not working | HTML/CSS
If the background image doesn't seem to be loading, and you see a 404 error in the inspector for the image, that's a...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found