"Not allowed to load local resource" when adding a script from node modules

[Jeneko]

Good day! I'm trying to add Bootstrap to my project when using pug-plugin. As recipes said I do:

script(src=require('bootstrap/dist/js/bootstrap.bundle.js'))

Then I start webpack-dev-server. And everything goes good until I make a change in any .scss or .js file of the project and then save the file. After page autoreload I get this error in browser console:

Strangely enough, if I make a change in .pug file the error doesn't appear. And if I put bootstrap.bundle.js out of /node_modules somewhere into /src and load it from there the error also does not appear.

As a test I add Bootstrap in the standard pug-plugin example "simple-multipage". Here is the repo

[webdiscus]

Hello @Jeneko,

Thanks for reporting the issue, I'll fix it.

[Jeneko]

@webdiscus, thank you very much!

[webdiscus]

@Jeneko

the issuer is fixed in v4.9.7.

Note

You can load CSS and JS from a node module using only module name without a path to a file in module.
The plugin automatically detect the default CSS and default JS defined in package.json of the module.

For example:
link(href=require("bootstrap") rel="stylesheet") => resolves the bootstrap/dist/css/bootstrap.css
script(src=require("bootstrap")) => resolves the bootstrap/dist/js/bootstrap.js

You can see the working example watch-dependencies-bootstrap.

[Jeneko]

@webdiscus
Thanks a lot for the quick fix! Everything works perfect!