Skip to content

Instantly share code, notes, and snippets.

@MatthewRorke
Created May 12, 2020 16:11
Show Gist options
  • Save MatthewRorke/00f67e1073106eefd862d860ae64d5bd to your computer and use it in GitHub Desktop.
Save MatthewRorke/00f67e1073106eefd862d860ae64d5bd to your computer and use it in GitHub Desktop.
Electron Webpack Issue when using HMR
ERROR in ./Public/Render/css/app.css
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ReferenceError: document is not defined
at insertStyleElement (webpack-internal:///./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js:93:15)
at addStyle (webpack-internal:///./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js:208:13)
at modulesToDom (webpack-internal:///./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js:81:18)
at module.exports (webpack-internal:///./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js:239:25)
at eval (webpack-internal:///./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js?!./Public/Render/css/app.css:15:14)
at Object../node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js?!./Public/Render/css/app.css (G:\htdocs\test\node_modules\style-loader\dist\cjs.js!G:\htdocs\test\node_modules\css-loader\dist\cjs.js??ref--6-3!G:\htdocs\test\Public\Render\css\app.css:120:1)
at __webpack_require__ (G:\htdocs\test\node_modules\style-loader\dist\cjs.js!G:\htdocs\test\node_modules\css-loader\dist\cjs.js??ref--6-3!G:\htdocs\test\Public\Render\css\app.css:21:30)
at G:\htdocs\test\node_modules\style-loader\dist\cjs.js!G:\htdocs\test\node_modules\css-loader\dist\cjs.js??ref--6-3!G:\htdocs\test\Public\Render\css\app.css:85:18
at Object.<anonymous> (G:\htdocs\test\node_modules\style-loader\dist\cjs.js!G:\htdocs\test\node_modules\css-loader\dist\cjs.js??ref--6-3!G:\htdocs\test\Public\Render\css\app.css:88:10)
at Module._compile (internal/modules/cjs/loader.js:1156:30)
at evalModuleCode (G:\htdocs\test\node_modules\mini-css-extract-plugin\dist\loader.js:61:10)
at G:\htdocs\test\node_modules\mini-css-extract-plugin\dist\loader.js:166:21
at G:\htdocs\test\node_modules\webpack\lib\Compiler.js:343:11
at G:\htdocs\test\node_modules\webpack\lib\Compiler.js:681:15
at AsyncSeriesHook.eval [as callAsync] (eval at create (G:\htdocs\test\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:22:1)
at AsyncSeriesHook.lazyCompileHook (G:\htdocs\test\node_modules\tapable\lib\Hook.js:154:20)
@ ./Public/Render/app.js 3:0-23
@ multi css-hot-loader/hotModuleReplacement ./Public/Render/app.js
ERROR in ./Public/Render/css/materialize.css
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ReferenceError: document is not defined
at insertStyleElement (webpack-internal:///./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js:93:15)
at addStyle (webpack-internal:///./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js:208:13)
at modulesToDom (webpack-internal:///./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js:81:18)
at module.exports (webpack-internal:///./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js:239:25)
at eval (webpack-internal:///./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js?!./Public/Render/css/materialize.css:15:14)
at Object../node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js?!./Public/Render/css/materialize.css (G:\htdocs\test\node_modules\style-loader\dist\cjs.js!G:\htdocs\test\node_modules\css-loader\dist\cjs.js??ref--6-3!G:\htdocs\test\Public\Render\css\materialize.css:120:1)
at __webpack_require__ (G:\htdocs\test\node_modules\style-loader\dist\cjs.js!G:\htdocs\test\node_modules\css-loader\dist\cjs.js??ref--6-3!G:\htdocs\test\Public\Render\css\materialize.css:21:30)
at G:\htdocs\test\node_modules\style-loader\dist\cjs.js!G:\htdocs\test\node_modules\css-loader\dist\cjs.js??ref--6-3!G:\htdocs\test\Public\Render\css\materialize.css:85:18
at Object.<anonymous> (G:\htdocs\test\node_modules\style-loader\dist\cjs.js!G:\htdocs\test\node_modules\css-loader\dist\cjs.js??ref--6-3!G:\htdocs\test\Public\Render\css\materialize.css:88:10)
at Module._compile (internal/modules/cjs/loader.js:1156:30)
at evalModuleCode (G:\htdocs\test\node_modules\mini-css-extract-plugin\dist\loader.js:61:10)
at G:\htdocs\test\node_modules\mini-css-extract-plugin\dist\loader.js:166:21
at G:\htdocs\test\node_modules\webpack\lib\Compiler.js:343:11
at G:\htdocs\test\node_modules\webpack\lib\Compiler.js:681:15
at AsyncSeriesHook.eval [as callAsync] (eval at create (G:\htdocs\test\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:22:1)
at AsyncSeriesHook.lazyCompileHook (G:\htdocs\test\node_modules\tapable\lib\Hook.js:154:20)
@ ./Public/Render/app.js 2:0-31
@ multi css-hot-loader/hotModuleReplacement ./Public/Render/app.js
Child HtmlWebpackCompiler:
1 asset
Entrypoint HtmlWebpackPlugin_0 = __child-HtmlWebpackPlugin_0
[./node_modules/html-loader/dist/cjs.js?minimize=false!./dist/.renderer-index-template.html] 404 bytes {HtmlWebpackPlugin_0} [built]
Child mini-css-extract-plugin node_modules/style-loader/dist/cjs.js!node_modules/css-loader/dist/cjs.js??ref--6-3!Public/Render/css/app.css:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/dist/cjs.js?!./Public/Render/css/app.css] ./node_modules/css-loader/dist/cjs.js??ref--6-3!./Public/Render/css/app.css 944 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/dist/runtime/api.js] 2.46 KiB {mini-css-extract-plugin} [built]
[./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js?!./Public/Render/css/app.css] ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js??ref--6-3!./Public/Render/css/app.css 539 bytes {mini-css-extract-plugin} [built]
[./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js] 6.64 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/style-loader/dist/cjs.js!node_modules/css-loader/dist/cjs.js??ref--6-3!Public/Render/css/materialize.css:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/dist/cjs.js?!./Public/Render/css/materialize.css] ./node_modules/css-loader/dist/cjs.js??ref--6-3!./Public/Render/css/materialize.css 139 KiB {mini-css-extract-plugin} [built]
[./node_modules/css-loader/dist/runtime/api.js] 2.46 KiB {mini-css-extract-plugin} [built]
[./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js?!./Public/Render/css/materialize.css] ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js??ref--6-3!./Public/Render/css/materialize.css 547 bytes {mini-css-extract-plugin} [built]
[./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js] 6.64 KiB {mini-css-extract-plugin} [built]
┗ ----------------------------
┏ Renderer -------------------
i 「wdm」: Failed to compile.
┗ ----------------------------
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment