Loading workers doesn't work at all without inline mode about worker-loader HOT 5 CLOSED

I was able to solve the issue by adding the following in my entry js file:

__webpack_public_path__ = '/js/dist/';

I tried setting output.publicPath, but that did not address the issue.

from worker-loader.

I am having this same issue.

When not using inline, I have noted that instantiating the web worker results in a web request being made to the incorrect path.

js/webpack.config.js

var path = require('path');

module.exports = {
    context: __dirname,
    entry: './main.js',
    output: {
        path: __dirname + '/dist',
        filename: 'bundle.js'
    },
    module: {
        loaders: [
            {
                test: /(viz|actions|api|data|reducers|store|workers)\/([^/]*\/)*[^/]*\.js$/,
                loader: 'babel-loader',
                exclude: /(node_modules|bower_components)/,
                query: {
                    presets: ['es2015']
                }
            }
        ],
    },

    devtool: 'source-map',
    devServer: {
        contentBase: '.'
    }
};

build results in files:

• js/dist/bundle.js
• js/dist/bundle.js.map
• js/dist/[hash].worker.js
• js/dist/[hash].worker.js.map

but i see requests to my local web server for:

127.0.0.1 - - [28/Jul/2016 16:17:13] "GET /c59704cab25e47f1681a.worker.js HTTP/1.1" 404 -

when it should be requesting /js/dist/[hash].worker.js

from worker-loader.

Duplicate of #96

from worker-loader.

@michael-ciniawsky I am experiencing a similar issue to @abelnation's. Where I get a 404 even when I set __webpack_public_path__ in my entry module.

My webpack conf looks like this:

{
  entry: {
    app: path.resolve('./src/index.js'),
  },
  output: {
    path: path.resolve('./dist/development'),
    publicPath: '/',
    filename: '[name].js',
    libraryTarget: 'umd',
    library: 'MYLib',
    chunkFilename: 'chunks/[name].js'
  },
  resolve: {
    modules: [path.resolve('./src'), path.resolve('./node_modules')],
  },
}

and I import the worker like this:

import W from 'worker-loader?fallback=false!./W.js'

Should webpack emit c59704cab25e47f1681a.worker.js or the worker is bundled in app? I can see that it is emitting the source maps for it c59704cab25e47f1681a.worker.js.map

from worker-loader.

silly me I guess I just needed to emit the file :)

import W from 'worker-loader?name=worker.js&fallback=false!./W.js'

{
  entry: {
    app: path.resolve('./src/index.js'),
    worker: path.resolve('./src/lib/worker.js'),
  },
  // ...
}

from worker-loader.