【自分用】VueがIE11で動かなかった

2689 ワード
babel webpack Vue.js JavaScript JavaScript テキストリンク

WebpackとBabelを通しているがIE11で何も表示されなくなった

SCRIPT1002: Syntax error

Eval関数のところでエラーが出ていたので、webpackに以下の設定を追加してみたが、直らなかった

webpack.config.js
module.exports = {
    //...
    devtool: 'none'
}

原因はvueの読み込みところだった

script.js
import Vue from 'vue/dist/vue.esm.browser.min.js'

以下に変更

script.js
import Vue from 'vue'

resolve.alias の設定がされていないので、追加

webpack.config.js
module.exports = {
    //...
    resolve: {
        alias: {
            'vue$': 'vue/dist/vue.esm.js',
        }
    }
}

resolve.alias の指定は以下の記事を参考にした
https://blog.websandbag.com/entry/2020/08/07/190655

他のPJでは動いていたので、根本的な原因は別のところにあると思うが、とりあえず解決したのでここまで

JAva基礎知識復習
JDBCに対する認識