Внедрение плагина prerender SPA для приложения vue2js - PullRequest
0 голосов
/ 10 февраля 2019

Я пытаюсь реализовать очень популярный prerender SPA плагин .

В документации сказано добавить модуль в webpack.config.js , но у меня нет такого файла. У меня есть webpack.base.conf.js , webpack.dev.conf.js и webpack.prod.conf.js .

Во первых нет массива плагинов, но он есть в последних двух.Поэтому я вставил в них:

new PrerenderSPAPlugin({
    // Required - The path to the webpack-outputted app to prerender.
    staticDir: path.join(__dirname, 'dist'),
    // Required - Routes to render.
    routes: [ '/' ],
})

в массив плагинов, и мне это нужно в начале файла.Затем я запускаю в командной строке

> npm run build
> cd dist
> live-server

npm run build созданную папку dist в корневом каталоге, а теперь, после добавления плагина, дополнительно добавляю каталог dist в каталог config, где находятся файлы webpack.conf.В этой новой папке dist внутри директории config находится файл index.html, который по сути является пустым html-шаблоном:

<code><!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<title>Error</title>
</head>
<body>
<pre>Not Found

Что я делаю не так?

1 Ответ

0 голосов
/ 11 февраля 2019

Я нашел свою ошибку в корневом компоненте App.vue.У меня не было id="app" к моему корню.

...