nuxtjs/apolloでIE11対応
Nuxt.jsでnuxtjs/apolloを使用しGraphQL(サーバー側python/django)で通信をしていますがブラウザIE11で開くと画面表示がグルグルのまま動きません。
対応させる方法がありましたらご教授お願いします。
下記の事は試してみましたが駄目でした。
https://qiita.com/amishiro/items/db37c6a56ddf7e214144
0
7Answer
このbrowserslistを使用してみませんか？
{
"browserslist": [
"defaults",
"IE 11"
],
}
0Like
browserslistは対応ブラウザにソースを変換するのではなく、ただ単に対応ブラウザに追加する処理という認識で宜しいでしょうか？
それも試しましたが駄目でした。
0Like
0Like
それも試しましたが駄目でした。
apollには効かないようです。
0Like
apolloコードを削除してみてください。
polyfillに問題がないことを確認してください。
polyfillの問題ではないようです。
0Like
apolloのコードを削除すると動きます。
ですのでapolloをIE11対応にするか、またはapollo以外でGraphQLを出来る方法がありましたら、ご教授頂きたいです。
0Like
私はアポロの経験がありません。
IE11コンソールでエラーメッセージを確認してみてください。
どのpolyfil featuresがアプリをクラックするかを見つけます。
次に、それらをfeaturesパラメーターに追加します。
export default {
head: {
script: [
{
// features=必要なfeatures
// たとえば、https://polyfill.io/v3/polyfill.min.js?features=default%2Ces2015
// このURLでそれらを選択できます:https://polyfill.io/v3/url-builder/
src: '//polyfill.io/v2/polyfill.min.js?features=...'
}
],
},
この回答がお役に立てば幸いです。
0Like
Comments
@Goat21
Questioner
以下のメッセージがでます。
コンソール：
SCRIPT1028: SCRIPT1028: Expected identifier, string or number
app.modern.js (2636,1)
app.modern.js (2636,1)の該当行：
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"createApolloClient\", function() { return createApolloClient; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"restartWebsockets\", function() { return restartWebsockets; });\n/* harmony import */ var apollo_client__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! apollo-client */ \"./node_modules/apollo-client/bundle.esm.js\");\n/* harmony import */ var apollo_link__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! apollo-link */ \"./node_modules/apollo-link/lib/bundle.esm.js\");\n/* harmony import */ var apollo_upload_client__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! apollo-upload-client */ \"./node_modules/apollo-upload-client/lib/index.js\");\n/* harmony import */ var apollo_upload_client__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(apollo_upload_client__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var …………@Goat21
Questioner
上記のpolyfill.ioはパラメータをすべて入れて試しましたが駄目でした。- コードをgithubにアップロードして、URLを提供してもらえますか？だから私は問題を確認することができます。
@Goat21
Questioner
自己解決です。
nuxt.config.jsのビルド設定を「ssr:true」にすることでie11でも表示出来ました。
ありがとうございました。