VueJS HTML-Webpack-Plugin вызывает пустую страницу - PullRequest
Новая
       47

VueJS HTML-Webpack-Plugin вызывает пустую страницу

1 голос
/ 03 ноября 2019

Я пытаюсь создать приложение VueJS, которое я могу встроить в один HTML-файл (со всеми встроенными JS и CSS), чтобы использовать его аналогично нативному приложению. Пользователь просто открывает файл * .html в своем браузере и может использовать его.

Я нашел для этого два плагина Webpack, но он работает неправильно.

Плагины Webpack:

Вот моя проблема:

  • Создан свежий проект Vue с использованием Vue CLI 3
  • Ran npm install --save-dev html-webpack-plugin webpack-inline-modern-source-plugin
  • Создан файл vue.config.js в корневом каталоге скод ниже
  • Попытка запустить npm run serve для проверки работоспособности сайта, но я получаю пустую белую страницу с ошибкой [Error] [Vue warn]: Cannot find element: #app
  • Если я удаляю элементы в plugins Массив, работает нормально

Вот мой vue.config.js файл: 

let HtmlWebpackPlugin = require("html-webpack-plugin");
let WebpackInlineMordernSourcePlugin = require("webpack-inline-modern-source-plugin");

module.exports = {
  configureWebpack: {
    plugins: [
      new HtmlWebpackPlugin({
        inlineSource: ".(js|css)$"
      }),
      new WebpackInlineMordernSourcePlugin()
    ]
  }
};

узел : 12.12.0

npm : 6.11.3

Надеюсь, я что-то упустил, и эти плагины работают нормально.

...