Loading preexisting source map: "Unexpected token"

I’m trying to load a preexisting source map using:

rules: [
    {test: /\.js$/, use: "source-map-loader", enforce: "pre"}
]

Unfortunately, I’m getting this warning:

WARNING in ./modules/MyFile.js.map
Module parse failed: /Users/me/MyFile.js.map Unexpected token (1:10)
You may need an appropriate loader to handle this file type.
| {"version":3,"file":"MyFile.js","sourceRoot":"","sources":["components/MyFile.tsx"],"names":[],"mappings":"AAAA,qCAAqC;;;;;;;;;;;;;AAErC,[...],GA2BnD"}

The source map was originally built by the TypeScript compiler. But in my opinion, this shouldn’t matter, since it is a standardized format and source-map-loadershould probably not have a problem with that.

I’m using the latest stable of Webpack (2.3.3) as well as the latest stable of source-map-loader (0.2.1).

[hiradimir]

@kraftwer1 I had same issue, and solve it.

It is not occured by source-map-loader. This problem was occured this problem by pure webpack config, not include devtool, source-loader etc… I think almost webpack/typescript user using ts-loader.

---

Solution

I am using ignore-loader see https://stackoverflow.com/a/39886771/1960600

---

yarn add -D ignore-loader

module.exports = {
    module: {
        rules: [
            ...
            {
                test: /\.js.map$/,
                loader: 'ignore-loader'
            }
        ]
    },

---

Now, I can debug with source-map what typescript generate. And webpack not showing WARNING ~~ Unexpected token

[TAGC]

Oh okay.