Не удается найти модуль «.» - веб-пакет

Question

Не удается найти модуль «.» - веб-пакет

1

Я перестраиваю локальную версию нашего сайта стека MEAN с помощью webpack и webpack-dev-сервера. Я использую следующий скрипт для запуска webpack-dev-сервера:

(в пакете.json):

"dev": "NODE_ENV=development webpack-dev-server --config webpack/webpack.dev.js --content-base src/app / --inline"

webpack.dev.js:

path = require('path');
commonConfig = require('./webpack.js');

output = {
  path: path.resolve(__dirname, 'build'),
  publicPath: 'http://localhost:8080/build/',
  filename: 'heliotrope.js'
};

module.exports = Object.assign(commonConfig, {
  output: output,
  devtool: 'source-map',
  plugins: commonConfig.plugins,
  externals: ['ws']
});

Веб-сайт строит и обслуживает отлично, но затем я получаю эту ошибку, которая является почти наименее информативной вещью когда-либо:

Ошибка сообщения

Глядя на файл сборки javascript, heliotrope.js, похоже, что это может иметь какое-то отношение к веб-окнам, но я не уверен, потому что модуль на самом деле не назван!

/***/ }),
/* 288 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";
/* WEBPACK VAR INJECTION */(function(__webpack_provided_process_dot_env) {

var utils = __webpack_require__(12)
  , urlUtils = __webpack_require__(8)
  , inherits = __webpack_require__(0)
  , EventEmitter = __webpack_require__(6).EventEmitter
  , WebsocketDriver = __webpack_require__(279)
  ;

var debug = function() {};
if (__webpack_provided_process_dot_env.NODE_ENV !== 'production') {
  debug = __webpack_require__(4)('sockjs-client:websocket');
}

function WebSocketTransport(transUrl, ignore, options) {
  if (!WebSocketTransport.enabled()) {
    throw new Error('Transport created when disabled');
  }

  EventEmitter.call(this);
  debug('constructor', transUrl);

  var self = this;
  var url = urlUtils.addPath(transUrl, '/websocket');
  if (url.slice(0, 5) === 'https') {
    url = 'wss' + url.slice(5);
  } else {
    url = 'ws' + url.slice(4);
  }
  this.url = url;

  this.ws = new WebsocketDriver(this.url, [], options);
  this.ws.onmessage = function(e) {
    debug('message event', e.data);
    self.emit('message', e.data);
  };
  // Firefox has an interesting bug. If a websocket connection is
  // created after onunload, it stays alive even when user
  // navigates away from the page. In such situation let lie -
  // let not open the ws connection at all. See:
  // https://github.com/sockjs/sockjs-client/issues/28
  // https://bugzilla.mozilla.org/show_bug.cgi?id=696085
  this.unloadRef = utils.unloadAdd(function() {
    debug('unload');
    self.ws.close();
  });
  this.ws.onclose = function(e) {
    debug('close event', e.code, e.reason);
    self.emit('close', e.code, e.reason);
    self._cleanup();
  };
  this.ws.onerror = function(e) {
    debug('error event', e);
    self.emit('close', 1006, 'WebSocket connection broken');
    self._cleanup();
  };
}

inherits(WebSocketTransport, EventEmitter);

WebSocketTransport.prototype.send = function(data) {
  var msg = '[' + data + ']';
  debug('send', msg);
  this.ws.send(msg);
};

WebSocketTransport.prototype.close = function() {
  debug('close');
  var ws = this.ws;
  this._cleanup();
  if (ws) {
    ws.close();
  }
};

WebSocketTransport.prototype._cleanup = function() {
  debug('_cleanup');
  var ws = this.ws;
  if (ws) {
    ws.onmessage = ws.onclose = ws.onerror = null;
  }
  utils.unloadDel(this.unloadRef);
  this.unloadRef = this.ws = null;
  this.removeAllListeners();
};

WebSocketTransport.enabled = function() {
  debug('enabled');
  return !!WebsocketDriver;
};
WebSocketTransport.transportName = 'websocket';

// In theory, ws should require 1 round trip. But in chrome, this is
// not very stable over SSL. Most likely a ws connection requires a
// separate SSL connection, in which case 2 round trips are an
// absolute minumum.
WebSocketTransport.roundTrips = 2;

module.exports = WebSocketTransport;

/* WEBPACK VAR INJECTION */}.call(exports, !(function webpackMissingModule() { var e = new Error("Cannot find module \".\""); e.code = 'MODULE_NOT_FOUND'; throw e; }())))

Любая помощь будет принята с благодарностью, я очень застрял :)

Remi Marchand 27 июнь 2017, в 18:19

Источник

Теги:

javascript

webpack

browser

1 ответ

Ещё вопросы

Remi Marchand · Answer 1 · 2017-06-27T18-21-00.000Z

Проблема была в моем основном файле webpack.config, где я использовал ProvidePlugin для предоставления переменной NODE_ENV:

new webpack.ProvidePlugin({
  'process.env': {
    'NODE_ENV': process.env.NODE_ENV
  }
})

Вместо этого я теперь использую DefinePlugin следующим образом:

new webpack.DefinePlugin({
  'process.env': {
    'NODE_ENV': JSON.stringify(process.env.NODE_ENV)
  }
})