移除冲突组件，允许用npm打包

components/Ackee.js

@@ -1,20 +1,19 @@
-import { useRouter } from 'next/router'
-import useAckee from 'use-ackee'
-import BLOG from '@/blog.config'
+// import { useRouter } from 'next/router'
+// import BLOG from '@/blog.config'
 
 const Ackee = () => {
-  const router = useRouter()
-  useAckee(
-    router.asPath,
-    {
-      server: BLOG.ANALYTICS_ACKEE_DATA_SERVER,
-      domainId: BLOG.ANALYTICS_ACKEE_DOMAIN_ID
-    },
-    {
-      detailed: false,
-      ignoreLocalhost: true
-    }
-  )
+//   const router = useRouter()
+//   useAckee(
+//     router.asPath,
+//     {
+//       server: BLOG.ANALYTICS_ACKEE_DATA_SERVER,
+//       domainId: BLOG.ANALYTICS_ACKEE_DOMAIN_ID
+//     },
+//     {
+//       detailed: false,
+//       ignoreLocalhost: true
+//     }
+//   )
   return null
 }
 

components/CusdisComponent.js

@@ -1,5 +1,4 @@
 import { useGlobal } from '@/lib/global'
-import { ReactCusdis } from 'react-cusdis'
 import BLOG from '@/blog.config'
 import { useRouter } from 'next/router'
 import { useEffect } from 'react'
@@ -28,7 +27,7 @@ const CusdisComponent = ({ frontMatter }) => {
     }
   })
 
-  return <ReactCusdis
+  return <div
     lang={locale.LOCALE.toLowerCase()}
     attrs={{
       host: BLOG.COMMENT_CUSDIS_HOST,

components/FacebookMessenger.js

@@ -1,8 +1,7 @@
 import BLOG from '@/blog.config'
-import MessengerCustomerChat from 'react-messenger-customer-chat'
 
 const Messenger = () => (
-  <MessengerCustomerChat
+  <div
     pageId={BLOG.FACEBOOK_PAGE_ID}
     appId={BLOG.FACEBOOK_APP_ID}
     language={BLOG.LANG.replace('-', '_')}

components/ShareButtons.js

@@ -1,7 +1,6 @@
 import BLOG from '@/blog.config'
 import { useGlobal } from '@/lib/global'
 import copy from 'copy-to-clipboard'
-import dynamic from 'next/dynamic'
 import { useState } from 'react'
 
 import {
@@ -49,13 +48,6 @@ import {
   HatenaIcon
 } from 'react-share'
 
-const QRCode = dynamic(
-  () => {
-    return import('qrcode.react')
-  },
-  { ssr: false }
-)
-
 /**
  * @author https://github.com/txs
  * @param {*} param0
@@ -354,7 +346,7 @@ const ShareButtons = ({ shareUrl, title, body, image }) => {
                         <div className='absolute'>
                         <div id='pop' className={(qrCodeShow ? 'opacity-100 ' : ' invisible opacity-0') + ' z-40 absolute bottom-10 -left-10 bg-white shadow-xl transition-all duration-200 text-center'}>
                                 <div className='p-2 mt-1'>
-                                    <QRCode value={shareUrl} fgColor='#000000' />
+                                    {/* <QRCode value={shareUrl} fgColor='#000000' /> */}
                                 </div>
                                 <span className='text-black font-semibold p-1 rounded-t-lg text-sm mx-auto mb-1'>
                                     {locale.COMMON.SCAN_QR_CODE}

package.json

@@ -43,18 +43,14 @@
     "nprogress": "^0.2.0",
     "preact": "^10.5.15",
     "prism-themes": "1.9.0",
-    "qrcode.react": "^1.0.1",
     "react": "^18.2.0",
     "react-cookies": "^0.1.1",
-    "react-cusdis": "^2.1.3",
     "react-dom": "^18.2.0",
     "react-facebook": "^8.1.4",
-    "react-messenger-customer-chat": "^0.8.0",
     "react-notion-x": "6.16.0",
     "react-share": "^4.4.1",
     "react-tweet-embed": "~2.0.0",
-    "typed.js": "^2.0.12",
-    "use-ackee": "^3.0.0"
+    "typed.js": "^2.0.12"
   },
   "devDependencies": {
     "@waline/client": "^2.5.1",