該原始碼在html檔案中起作用
<!DOCTYPEhtml>
<html>
<head>
<meta charset="utf-8"/>
<title>/span>Kakao JavaScript SDK</title>/span>
<script src="https://developers. kakao.com/sdk/js/kakao.js"></script>
<script>
//SDK? ??? ???. 你可以把你的JavaScript放在這里。
Kakao.init（'JAVASCRIPT_KEY'）。
//SDK ??? ?? ?????..
console.log(Kakao.isInitialized() ）。)
</script>>
</head>
<body></body>
</html>/span>
所以我認為下一個原始碼會在Nuxt.js.
上作業。但是它只顯示了
'ReferenceError
Kakao沒有被定義'在這些原始碼中
在nuxt.config.js中 // global page headers (https://go.nuxtjs.dev/config-head)
head: {
title: 'P-Cloud OCR'。
meta: [
{ 'http-equiv': 'X-UA-Compatible', content: 'IE=Edge' },
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: '' },
],
link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }]。
script: [
{ src: 'https://developers.kakao.com/sdk/js/kakao.js'},
]
}, ````.
在pages/login.vue中
<script>
export default {
...
}
Kakao.init('JAVASCRIPT_KEY') 。
console.log（'Kakao. isInitialized() >>', Kakao.isInitialized()）。)
</script>
為什么這個原始碼不作業？
uj5u.com熱心網友回復：
基本上有2種方法你可以做：
1.
1. 直接在你的布局/頁面/組件中加載庫 2.在一個插件中加載庫 Josh Deltener寫了一篇關于如何實作這一目標的好文章。https://deltener.com/blog/nuxt-third-party-code-is-poison/ uj5u.com熱心網友回復： 在nuxt中你可以覆寫默認的 你需要在專案的根部創建head () {
if (window.Kakao) {
this.afterKakaoLoaded()
return。
}
return {
script: [
{
hid: 'kakao',
src: 'https://developers.kakao.com/sdk/js/kakao.js',
callback: () => {
this.afterKakaoLoaded（)
}
}
]
}
},
methods: {
afterKakaoLoaded () {
window.Kakao.init('...'/span>)
}
}
.nuxt/views/app.template.html。app.html檔案。然后把下面的代碼放在這個檔案里：
<!DOCTYPEhtml>
<html lang="en" {{ HTML_ATTRS }}>
<head {{ HEAD_ATTRS }}>/span>
{{ HEAD }}}
</head>
<body {{ BODY_ATTRS }}>/span>
{{APP }}.
</body>
</html>>
那么你可以按照你在問題中提到的傳統方式來做：
<! DOCTYPE html>
<html lang="en" {{ HTML_ATTRS }}>
<head {{ HEAD_ATTRS }}>/span>
{{ HEAD }}}
<script src="https://developers. kakao.com/sdk/js/kakao.js"></script>
<script>
//SDK? ??? ???. 你可以把你的JavaScript放在這里。
Kakao.init（'JAVASCRIPT_KEY'）。
//SDK ??? ?? ?????..
console.log(Kakao.isInitialized() ）。)
</script>>
</head>
<body {{ BODY_ATTRS }}>/span>
{{APP }}.
</body>
</html>>
但是要注意，在這種方法中，你的應用程式中的所有頁面都會加載這個腳本。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/310015.html
標籤：