nuxtjs以CDN方式载入waline报语法错误

[elainecyx]

"nuxt": "^2.15.8"
"vue": "^2.6.14"
node: v14.21.3

引入https://unpkg.com/@waline/client@v2/dist/waline.mjs
waline.mjs报错：Uncaught SyntaxError: Unexpected token 'export' (at waline.mjs:1:155659)

[elainecyx]

已解决！
分享给大家解决方案：
nuxt.config.js在head声明以下内容：

head: {
    link: [
      { rel: 'stylesheet', href: 'https://unpkg.com/@waline/client@v2/dist/waline.css' }
    ],
    script: [
      {
        src: 'https://unpkg.com/@waline/client@v2/dist/waline.js',
        type: 'text/javascript',
        pbody: true,
        defer: true
      }
    ]
  }

在xxx.vue页面中
<template><div id="waline" /></template>

在mounted生命周期

const params = new URLSearchParams(location.search.slice(1))
  /* eslint-disable-next-line no-undef */
  return Waline.init({
    el: '#waline',
    path: params.get('path') || '/',
    lang: params.get('lng'),
    serverURL: 'your server url'
  })