Ошибка конфигурации Webpack с html -webpack-plugin для создания индекса. html - PullRequest
Новая
       87

Ошибка конфигурации Webpack с html -webpack-plugin для создания индекса. html

0 голосов
/ 17 июня 2020

Я пробую PO C с веб-пакетом для объединения файлов проекта JS.

Я хочу создать файл index. html в выходной папке dist через webpack. Для этого в соответствии с документацией webpack , установлен "html -web-plugin" через npm как: 

npm install --save-dev html-webpack-plugin

Он обновляется в файле package. json, как показано ниже : 

  "devDependencies": {
    "html-webpack-plugin": "^4.3.0"
  }

Используется этот плагин в webpack.config. js согласно документации webpack : 

const HtmlWebpackPlugin = require('html-webpack-plugin');

И внутри объекта конфигурации: 

plugins: [
 new HtmlWebpackPlugin(
    title: 'Output Management'
 )
],

Для запуска npm скриптов, используется код ниже в пакете. json файл: 

"scripts": {
  "devNoServer": "webpack --d --watch",
  "dev": "webpack-dev-server",
  "build": "webpack -p",
  "test": "echo \"Error: no test specified\" && exit 1"
},

При запуске npm run dev OR npm запустить команду build , получив ошибку ниже , которая, кажется, связана с html -web-plugin: 

/<PROJECT_PATH>/node_modules/webpack-dev-server/bin/webpack-dev-server.js:373
    throw e;
    ^

TypeError: Cannot read property 'make' of undefined
    at PersistentChildCompilerSingletonPlugin.apply (/<PROJECT_PATH>/node_modules/html-webpack-plugin/lib/cached-child-compiler.js:182:20)
    at new CachedChildCompilation (/<PROJECT_PATH>/node_modules/html-webpack-plugin/lib/cached-child-compiler.js:68:44)
    at HtmlWebpackPlugin.apply (/<PROJECT_PATH>/node_modules/html-webpack-plugin/index.js:92:33)
    at Compiler.apply (/<PROJECT_PATH>/node_modules/tapable/lib/Tapable.js:375:16)
    at webpack (/<PROJECT_PATH>/node_modules/webpack/lib/webpack.js:33:19)
    at startDevServer (/<PROJECT_PATH>/node_modules/webpack-dev-server/bin/webpack-dev-server.js:367:16)
    at /<PROJECT_PATH>/node_modules/webpack-dev-server/bin/webpack-dev-server.js:358:5
    at /<PROJECT_PATH>/node_modules/portfinder/lib/portfinder.js:196:16
    at /<PROJECT_PATH>/node_modules/async/dist/async.js:473:16
    at replenish (/<PROJECT_PATH>/node_modules/async/dist/async.js:1006:25)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! react-sample-broken@1.0.0 dev: `webpack-dev-server`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the react-sample-broken@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /<USER_DIR>/.npm/_logs/2020-06-17T14_50_38_388Z-debug.log

Без с использованием "html -webpack-plugin ", npm run dev ИЛИ npm команда run build отлично работает и создает пакет. js в папке dist.

Я что-то делаю неправильно при использовании" html -webpack-plugin "?? Я не могу найти эту ошибку, и она нигде исправлена.

Любой ввод / решения будут действительно полезны.

1 Ответ

0 голосов
/ 28 июня 2020

Хорошо, после нескольких часов поисков туда-сюда, чтения множества документации. У меня это сработало. Я использовал этот "html -webpack-plugin": "^ 4.3.0" Итак, я вернулся к использованию html-webpack-plugin@2.24.1, и команда make сработала. Не знаю наверняка, но это может быть проблема с версией.

...