Struggling to get this working with `vue-cli-plugin-electron-builder` #92

Jazcash · 2022-11-14T23:14:57Z

Jazcash
Nov 14, 2022

My vue.config.js contains:

configureWebpack: {
    plugins: [
        require("unplugin-vue-router/webpack")({ routesFolder: "src/views" })
    ],
},

But that gives me the following build error:

If I do require("unplugin-vue-router/webpack").default({ routesFolder: "src/views" }) then it loads in fine at least, but then I get:

The HTML file it's referencing is in a different dir to all my .vue pages, so I'm confused why this plugin is even trying to process it. Any ideas?

Answered by soc221b

Feb 16, 2023

I also encountered this problem. 😞

@posva I found out that can be fixed by adding the following script to src/index.ts, but IDKW returning undefined from load will cause this error: 🤔

    // TODO: is it worth having a loadInclude?
+   loadInclude(id) {
+     return id.endsWith('.html') === false
+   },

View full answer

posva · 2022-11-15T07:14:20Z

posva
Nov 15, 2022
Maintainer

The error seems about using require. Have you tried using import at the top of the file?

1 reply

Jazcash Nov 15, 2022
Author

Yes, that works, and then I get the error at the bottom

lermontex · 2023-01-21T06:46:23Z

lermontex
Jan 21, 2023

@posva, I have exactly the same error when trying to use Vue CLI.

// vue.config.js
const routerPlugin = require("unplugin-vue-router/webpack").default;

module.exports = {
  configureWebpack: {
    plugins: [
      routerPlugin({
        routesFolder: "src/pages",
      }),
    ],
  },
};

--->

 ERROR  Failed to compile with 1 error08:14:48

  Error: Child compilation failed:
  Module parse failed: Unexpected token (1:0)
  File was processed with these loaders:
   * ./node_modules/html-webpack-plugin/lib/loader.js
   * ./node_modules/unplugin/dist/webpack/loaders/load.js
  You may need an additional loader to handle the result of these loaders.
  > <!DOCTYPE html>
  | <html lang="">
  |   <head>
  ModuleParseError: Module parse failed: Unexpected token (1:0)
  File was processed with these loaders:
   * ./node_modules/html-webpack-plugin/lib/loader.js
   * ./node_modules/unplugin/dist/webpack/loaders/load.js
  You may need an additional loader to handle the result of these loaders.
  > <!DOCTYPE html>

This file is located in the "public" folder

/public/index.html
src/pages/

0 replies

soc221b · 2023-02-16T13:01:22Z

soc221b
Feb 16, 2023

I also encountered this problem. 😞

@posva I found out that can be fixed by adding the following script to src/index.ts, but IDKW returning undefined from load will cause this error: 🤔

    // TODO: is it worth having a loadInclude?
+   loadInclude(id) {
+     return id.endsWith('.html') === false
+   },

1 reply

posva Feb 16, 2023
Maintainer

You are right, the loadInclude() is necessary for webpack so I added it and released a fix patch

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Struggling to get this working with `vue-cli-plugin-electron-builder` #92

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 3 comments 2 replies

{{title}}

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

Select a reply

Struggling to get this working with vue-cli-plugin-electron-builder #92

Jazcash Nov 14, 2022

Replies: 3 comments · 2 replies

posva Nov 15, 2022 Maintainer

Jazcash Nov 15, 2022 Author

lermontex Jan 21, 2023

soc221b Feb 16, 2023

posva Feb 16, 2023 Maintainer

Struggling to get this working with `vue-cli-plugin-electron-builder` #92

Jazcash
Nov 14, 2022

Replies: 3 comments 2 replies

posva
Nov 15, 2022
Maintainer

Jazcash Nov 15, 2022
Author

lermontex
Jan 21, 2023

soc221b
Feb 16, 2023

posva Feb 16, 2023
Maintainer