Cannot find module 'style!css!less!./bootstrap-styles!./bootstrap.config.js' about bootstrap-webpack

[wolfadex]

This is fixed with the latest release

[mhafalir]

Hey @SlimMarten, did you able to figure out the problem or any solution yet? I am having the same issute.

[anonrig]

I'm having the same problem.

[JuanGarassino]

+1

[charlieman]

I'm new with webpack and am having a similar error:

ERROR in ./~/bootstrap-webpack/index.js
Module not found: Error: Can't resolve './bootstrap-styles'  in '/path/node_modules/bootstrap-webpack'
 @ ./~/bootstrap-webpack/index.js 1:0-66
 @ ./js/entry.js

ERROR in ./~/bootstrap-webpack/index.js
Module not found: Error: Can't resolve './bootstrap-scripts'  in '/path/node_modules/bootstrap-webpack'
 @ ./~/bootstrap-webpack/index.js 2:0-52
 @ ./js/entry.js

I'm not sure if it's the same problem or not (I'm using webpack2), so I'm adding it here instead of creating a new issue.

My webpack.config.js looks like this:

module.exports = {
    entry: "./js/entry.js",
    output: {path: "web/js", filename: "bundle.js", publicPath: "/js/"},
    module: {
        rules: [
            {test: /\.(woff|woff2)$/, loader: "url-loader?limit=10000&mimetype=application/font-woff"},
            {test: /\.ttf$/, loader: "file-loader"},
            {test: /\.eot$/, loader: "file-loader"},
            {test: /\.svg$/, loader: "file-loader"}
        ]
    }
};

And the entry.js file is just

require("bootstrap-webpack");

[zhangfu-git]

@charlieman I'm having the same problem. you solve it

[charlieman]

@zhangfu-git I had to add more packages to get it working. See my answer here: http://stackoverflow.com/a/42014474/154762

[mikeerickson]

@zhangfu-git @charlieman @SlimMarten

For more clarification (in this post) you need to add

• css-loader
• style-loader
• less-loader

$ npm i -D css-loader style-loader less-loader

[alejosv]

Same issue:

module.js:471
    throw err;
    ^

Error: Cannot find module 'style-loader!css-loader!less-loader!./bootstrap-styles.loader!./bootstrap.config.js'
    at Function.Module._resolveFilename (module.js:469:15)
    at Function.Module._load (module.js:417:25)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/lxcshared/vuejs/new.git/cli3/node_modules/bootstrap-webpack/index.js:1:63)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: `cross-env NODE_ENV=development webpack-dev-server --open --hot`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in 

My package.json file

...
  "dependencies": {
    "vue": "^2.3.3"
  },
  "devDependencies": {
    "ajv": "^5.2.2",
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.2",
    "babel-preset-env": "^1.5.1",
    "bootstrap": "^3.3.7",
    "bootstrap-webpack": "0.0.6",
    "cross-env": "^3.0.0",
    "css-loader": "^0.25.0",
    "exports-loader": "^0.6.4",
    "extract-text-webpack-plugin": "^3.0.0",
    "file-loader": "^0.9.0",
    "imports-loader": "^0.7.1",
    "less": "^2.7.2",
    "less-loader": "^4.0.5",
    "style-loader": "^0.18.2",
    "url-loader": "^0.5.9",
    "vue-loader": "^12.1.0",
    "vue-template-compiler": "^2.3.3",
    "webpack": "^3.1.0",
    "webpack-dev-server": "^2.4.5"
  }
...