webpackJsonp is not defined

[nietzscheson]

I'm trying to attach dependencies and group them into the createSharedEntry method: the result is:

Uncaught ReferenceError: webpackJsonp is not defined
At app.js: 1

In app.js:

webpackJsonp([2],[
/* 0 */,
/* 1 */
/***/ (function(module, exports, __webpack_require__) {

var $ = __webpack_require__(0);

$(document).ready(function () {
    alert('trying');
});

/***/ })

My package.json:

{
  "dependencies": {},
  "devDependencies": {
    "@symfony/webpack-encore": "^0.7.2",
    "jquery": "^3.2.1"
  },
  "scripts": {
    "dev": "./node_modules/.bin/encore dev",
    "watch": "./node_modules/.bin/encore dev --watch",
    "prod": "./node_modules/.bin/encore production"
  }
}

My webpack.config.js:

// webpack.config.js
var Encore = require('@symfony/webpack-encore');

Encore
// directory where all compiled assets will be stored
    .setOutputPath('web/build/')

    // what's the public path to this directory (relative to your project's document root dir)
    .setPublicPath('/build')

    // empty the outputPath dir before each build
    .cleanupOutputBeforeBuild()

    // will output as web/build/app.js
    .addEntry('app', './web/assets/js/main.js')

    // will output as web/build/global.css
    .addStyleEntry('global', './web/assets/css/global.scss')

    .createSharedEntry('vendor', ['jquery'])

    // allow sass/scss files to be processed
    .enableSassLoader()

    // allow legacy applications to use $/jQuery as a global variable
    .autoProvidejQuery()

    .enableSourceMaps(!Encore.isProduction())

    // create hashed filenames (e.g. app.abc123.css)
    // .enableVersioning()
;

// export the final configuration
module.exports = Encore.getWebpackConfig();

If I remove the createSharedEntry method from the error and compile again, the error disappears and the app.js starts like this:

/******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};
/******/
/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {
/******/
/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId]) {
/******/ 			return installedModules[moduleId].exports;
/******/ 		}
/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			i: moduleId,
/******/ 			l: false,
/******/ 			exports: {}

[weaverryan]

@nietzscheson Did you also add a script tag for the new manifest.js file (in addition to vendor.js (http://symfony.com/doc/current/frontend/encore/shared-entry.html)?

[weaverryan]

I've documented this in a new FAQ: symfony/symfony-docs#8072

Cheers!