Когда я запускаю сервер dev, я получаю сообщение об ошибке «Uncaught ReferenceError: require is notfined» во внешнем «url» - PullRequest
Новая
       11

Когда я запускаю сервер dev, я получаю сообщение об ошибке «Uncaught ReferenceError: require is notfined» во внешнем «url»

0 голосов
/ 31 января 2019

Я только начал изучать Webpack и пытаюсь настроить среду разработки на основе Webpack4.

Я поместил один скрипт для выполнения сервера dev в package.json, как показано ниже.

# package.json 

    "scripts": {
        "dev": "webpack-dev-server --mode development",
    }

Однако при выполнении команды 'npm run dev' на моем терминале появилось сообщение об ошибке, подобное приведенному ниже. 

ERROR in ./node_modules/destroy/index.js
Module not found: Error: Can't resolve 'fs' in 'D:\webpack-setup\node_modules\destroy'
 @ ./node_modules/destroy/index.js 14:17-30

Итак, я установил 'webpack-node-externals' и поместите конфигурацию в 'webpack.config.js', как показано ниже.

# установите модуль webpack-node-externals 

    # npm install --save-dev webpack-node-externals

# webpack.config.js 

    const nodeExternals = require('webpack-node-externals');

    module.exports = {
        target: 'web',
        externals: [nodeExternals()],
        devServer: {
            host: 'localhost',
            port: 3000,
            open: true
        }
    };

При открытии браузера в браузере произошла ошибка, как показано ниже. 

Uncaught ReferenceError: require is not defined
    at eval (external_"url":1)
    at Object.url (main.js:289)
    at __webpack_require__ (main.js:20)
    at Object.eval (webpack:///(:3000/webpack)-dev-server/client?:6:11)
    at eval (webpack:///(:3000/webpack)-dev-server/client?:249:30)
    at Object../node_modules/webpack-dev-server/client/index.js?http://localhost:3000 (main.js:97)
    at __webpack_require__ (main.js:20)
    at eval (webpack:///multi_(:3000/webpack)-dev-server/client?:1:1)
    at Object.0 (main.js:190)
    at __webpack_require__ (main.js:20)

Я не уверен, что эта ошибка связана с модулем 'webpack-node-externals'или нет, но могу ли я получить какое-нибудь руководство для решения этой ситуации?

1 Ответ

0 голосов
/ 31 января 2019

Я думаю, у вас есть проблема в вашем конфигурационном файле.Я запустил образец с этим, и он работал: 

const nodeExternals = require('webpack-node-externals')
module.exports = {
  target: 'web',
  externals: [nodeExternals()],
  devServer: {
    host: 'localhost',
    port: 3000,
    open: true,
  },
}
...