Webpack - 找不到模塊 raw-loader

Question

我需要將 JS 文件作為字符串加載，以便對其進行一些分析。 我正在嘗試將 raw-loader 與 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

您的正則表達式模式有錯誤。

您正在使用與鈴鐺字符匹配的\a (ASCII 7)

和. 匹配任何字符，您需要對其進行轉義。

此外，同時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。 當前，您使用的版本比最新版本落后 2 個主要版本。 也許錯誤消息已得到改進，此外，您可以查看有關運行webpack --display-error-details 。