Webpack - Cannot find module raw-loader

Question

I need to load a JS file as a string so I can run some analysis on it. I am trying to use raw-loader with Webpack (2.2.0).

I get: Cannot find module 'raw-loader!../

I've tried (yes, the path is correct):

let app = require('raw-loader!../../app.js').default;

let app = require('!!raw-loader!../../app.js').default;

I've even tried it without inline. Raw-loader doesn't get engaged, it just tried to load the JS file normally:

module.exports = {
  module: {
    rules: [
      {
        test: /\app.js$/i,
        use: 'raw-loader',
        loader: 'raw-loader',
      }
    ]
  }
}

raw-loader is in my package.json for the project. It is present in my node modules. I've blown-away my node_modules and have reinstalled. I've looked at many solutions and nothing seems to point to a fix.

I'm on 0.5.1 but I've also tried latest. I suspect there is something I'm missing in my config but I don't see it. — Diodeus - James MacFarlane, Oct 18 '19 at 13:25

lavor · Answer 1 · 2019-10-09T14:02:46.510

2

You have an error in your regexp pattern.

You are using \a which matches the bell character (ASCII 7)

And . matches any character, you need to escape it.

Moreover, using both use and loader is misleading. You should use only one - see this answer: When do I use 'use' and 'loader' in Webpack 2 module.rules?

Try to use:

module.exports = {
  module: {
    rules: [
      {
        test: /app\.js$/i,
        loader: 'raw-loader'
      }
    ]
  }
}

edited Oct 09 '19 at 14:02

answered Oct 09 '19 at 11:21

lavor

1,787
1
14
21

If I comment-out that rule, the inline version still doesn't work. – Diodeus - James MacFarlane Oct 09 '19 at 13:20
And did you try to use only loader from config file (with updated regex pattern of course)? Try to use config loader and import file like this - `let app = require('../../app.js').default;` – lavor Oct 09 '19 at 13:58
Plus I edited my answer for using `use` and `loader`. – lavor Oct 09 '19 at 14:03
Yes. I have tried every combination. It still can't find the raw-loder module. – Diodeus - James MacFarlane Oct 09 '19 at 15:02
Are you able to find the module, is it inside node_modules? – rich green Oct 16 '19 at 16:25
It is, yes. Also in package.json. – Diodeus - James MacFarlane Oct 17 '19 at 13:49

score 0 · Answer 2 · answered Oct 08 '19 at 19:21

0

Try adding resolve module extensions, resolve loaders

https://webpack.js.org/configuration/resolve/#resolveloader

https://webpack.js.org/configuration/resolve/#resolveloadermoduleextensions

answered Oct 08 '19 at 19:21

chans

5,104
16
43

score 0 · Answer 3 · answered Oct 13 '19 at 20:51

0

Firstly I would update webpack. The version that you are using is, currently, 2 major versions behind the latest release. Maybe the error messages have been improved! Also, you can see more info about the error running webpack --display-error-details.

answered Oct 13 '19 at 20:51

Davide Patti

3,391
2
18
20

I would like to do that, but it's a huge project and I can't force this change on the rest of the team. – Diodeus - James MacFarlane Oct 15 '19 at 15:26

Webpack - Cannot find module raw-loader

3 Answers3