Webpack -找不到模块原始加载器

Question

我需要加载一个JS文件作为一个字符串，这样我就可以对它运行一些分析。我正在尝试使用原始加载器与Webpack (2.2.0)。

我明白了：Cannot find module 'raw-loader!../

我已经尝试过了(是的，路径是正确的)：

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

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

我甚至尝试过不使用内联。Raw-loader没有被占用，它只是尝试正常加载JS文件：

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

raw-loader在我的项目package.json中。它存在于我的节点模块中。我已经吹掉了我的node_modules，并重新安装了。我看过很多解决方案，但似乎没有任何解决方案。

Answer 1

尝试添加解析模块扩展，解析加载器

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

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

Answer 2

您的regexp模式中有一个错误。

您正在使用与钟形字符(ASCII7)匹配的\a

和.匹配任何字符，您需要对其进行转义。

此外，同时使用use和loader是一种误导。您应该只使用一个-请参阅此答案：When do I use 'use' and 'loader' in Webpack 2 module.rules?

尝试使用：

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

Answer 3

首先我会更新一下webpack。您正在使用的版本目前是最新版本之后的两个主要版本。也许错误消息已经被改进了！此外，您还可以查看有关运行webpack --display-error-details的错误的更多信息。