Vue CLI 3 prerender-spa-плагин - PullRequest
Новая
       45

Vue CLI 3 prerender-spa-плагин

0 голосов
/ 18 января 2019

Я попытался переназначить маршруты моего SPA с помощью пакета npm prerender-spa-plugin с помощью Vue CLI 3, и я получил приличный результат, как показано здесь после запуска «npm run build»: enter image description here

Вывод в index.html является ошибкой: 






Html Webpack Plugin:
 ReferenceError: BASE_URL is not defined
  
  - index.html:96 
    C:/Users/Fred/v2/public/index.html:96:11
  
  - index.html:99 0971.module.exports
    C:/Users/Fred/v2/public/index.html:99:3
  
  - index.js:284 Promise.resolve.then
    [v2]/[html-webpack-plugin]/index.js:284:18

Мой vue.config.js такой: 

const path = require('path');
const PrerenderSPAPlugin = require('prerender-spa-plugin');
var HtmlWebpackPlugin = require('html-webpack-plugin');


module.exports = {
    configureWebpack: {
        plugins: [
            new HtmlWebpackPlugin({
                template: './public/index.html',
                inject: false
            }),
            new PrerenderSPAPlugin({
                staticDir: path.join(__dirname, './dist'),
                routes: ['/', '/om-guldbaek', '/om/:id', '/aktiviteter', '/aktivitet/:id', '/foreninger', '/forening/:id', '/begivenheder', '/begivenhed/:id', '/gdpr', '/institutioner', '/institution/:id', '/login', '/nyheder', '/nyhed/:id', '/kontakt', '/registreringer'],
            })
        ],
    },
};

Когда я запускаю «npm run build» в VSCode, он продолжает возвращать «Сборка для производства ...», и ничего не происходит. Кто-нибудь знает об этой проблеме?

1 Ответ

0 голосов
/ 18 января 2019

Хорошо, я нашел проблему.В index.html у меня была строка: 

<link rel="icon" href="<%= BASE_URL %>favicon.ico">

Так что теперь это исправлено

...