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

Uh oh!

Uh oh!

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

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 3 comments 2 replies

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

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

Uh oh!

Uh oh!

Jazcash Nov 14, 2022

Replies: 3 comments · 2 replies

Uh oh!

posva Nov 15, 2022 Maintainer

Uh oh!

Jazcash Nov 15, 2022 Author

Uh oh!

Uh oh!

lermontex Jan 21, 2023

Uh oh!

soc221b Feb 16, 2023

Uh oh!

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