ruby-on-rails - "inputSourceMap must be a boolean, object, or undefined"错误

Question

我正在尝试使用 swc使用 Rails 的 webpacker。我从头开始创建了一个 Rails 应用程序，将 webpacker 升级到 6.0.0.beta.7，添加了 swc swc-loader包，添加了自定义配置，如下所示:

// config/webpack/swc.js
module.exports = {
  module: {
    rules: [
      {
        test: /\.m?js$/,
        exclude: /node_modules/,
        use: {
          loader: 'swc-loader',
          options: {
            sync: true,
            sourceMaps: true,
          }  
        }
      }
    ]
  }
}

接下来，我合并了这个配置，如下所示:

// config/webpack/base.js
const { webpackConfig } = require('@rails/webpacker')
// https://github.com/rails/webpacker/issues/2984#issuecomment-857010732
const { merge } = require('webpack-merge')
const swcConfig = require('./swc')

module.exports = merge(
  webpackConfig,
  swcConfig
)

然后，当我运行 rails s 时，出现以下错误:

...
12:25:20 wp.1   | <s> [webpack.Progress] 99% cache store build dependencies
12:25:20 wp.1   | <s> [webpack.Progress] 99% cache store build dependencies
12:25:20 wp.1   | <s> [webpack.Progress] 99% cache begin idle
12:25:20 wp.1   | <s> [webpack.Progress] 99% cache begin idle
12:25:20 wp.1   | <s> [webpack.Progress] 100% 
12:25:20 wp.1   | 
12:25:20 wp.1   | ✖ ｢wdm｣: asset js/runtime-application-0f80ea22b0fcc0ff124e.js 5.11 KiB [emitted] [immutable] (name: runtime-application) 1 related asset
12:25:20 wp.1   | asset js/application-f75235474b9936dcdd9f.js 1.5 KiB [emitted] [immutable] (name: application)
12:25:20 wp.1   | asset manifest.json 501 bytes [emitted]
12:25:20 wp.1   | 
12:25:20 wp.1   | ERROR in ./app/packs/entrypoints/application.js
12:25:20 wp.1   | Module build failed (from ./node_modules/babel-loader/lib/index.js):
12:25:20 wp.1   | Error: .inputSourceMap must be a boolean, object, or undefined
12:25:20 wp.1   |     at assertInputSourceMap (/tmp/swcapp/node_modules/@babel/core/lib/config/validation/option-assertions.js:124:11)
12:25:20 wp.1   |     at /tmp/swcapp/node_modules/@babel/core/lib/config/validation/options.js:118:5
12:25:20 wp.1   |     at Array.forEach (<anonymous>)
12:25:20 wp.1   |     at validateNested (/tmp/swcapp/node_modules/@babel/core/lib/config/validation/options.js:94:21)
12:25:20 wp.1   |     at validate (/tmp/swcapp/node_modules/@babel/core/lib/config/validation/options.js:85:10)
12:25:20 wp.1   |     at loadPrivatePartialConfig (/tmp/swcapp/node_modules/@babel/core/lib/config/partial.js:80:50)
12:25:20 wp.1   |     at loadPrivatePartialConfig.next (<anonymous>)
12:25:20 wp.1   |     at /tmp/swcapp/node_modules/@babel/core/lib/config/partial.js:149:25
12:25:20 wp.1   |     at Generator.next (<anonymous>)
12:25:20 wp.1   |     at step (/tmp/swcapp/node_modules/gensync/index.js:261:32)
12:25:20 wp.1   | 
12:25:20 wp.1   | webpack 5.50.0 compiled with 1 error in 369 ms
...

如何修复该错误？

Answer 1

向您的 swc-loader 添加选项:

options: {
  parseMap: true,
},