IE Edge/11 not displaying anything

Describe the bug We are using vue js in our app and our storybook seems to work fine in most modern browsers except for IE edge and 11.

Below are our configs package.json

{
  "name": "vue-app",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "storybook:build": "vue-cli-service storybook:build -c config/storybook",
    "storybook:serve": "vue-cli-service storybook:serve -p 6006 -c config/storybook",
    "test:unit": "vue-cli-service test:unit"
  },
  "dependencies": {
    "core-js": "^2.6.5",
    "register-service-worker": "^1.6.2",
    "vue": "^2.6.10",
    "vue-meta": "^1.6.0",
    "vue-router": "^3.0.3"
  },
  "devDependencies": {
    "@fullhuman/postcss-purgecss": "*",
    "@storybook/addon-actions": "^4.1.0 || ^5.0.0",
    "@storybook/addon-knobs": "^4.1.0 || ^5.0.0",
    "@storybook/addon-links": "^4.1.0 || ^5.0.0",
    "@storybook/addon-notes": "^4.1.0 || ^5.0.0",
    "@storybook/addon-viewport": "^5.0.11",
    "@vue/cli-plugin-babel": "^3.8.0",
    "@vue/cli-plugin-eslint": "^3.8.0",
    "@vue/cli-plugin-pwa": "^3.8.0",
    "@vue/cli-plugin-unit-jest": "^3.8.0",
    "@vue/cli-service": "^3.8.0",
    "@vue/eslint-config-standard": "^4.0.0",
    "@vue/test-utils": "1.0.0-beta.29",
    "babel-core": "7.0.0-bridge.0",
    "babel-eslint": "^10.0.1",
    "babel-jest": "^23.6.0",
    "eslint": "^5.16.0",
    "eslint-plugin-vue": "^5.0.0",
    "storybook-vue-router": "^1.0.3",
    "tailwindcss": "^1.0.3",
    "vue-cli-plugin-storybook": "^0.6.1",
    "vue-cli-plugin-tailwind-purge-css": "^0.1.4",
    "vue-template-compiler": "^2.5.21"
  }
}

/config/storybook/addons.js

import '@storybook/addon-actions/register'
import '@storybook/addon-knobs/register'
import '@storybook/addon-links/register'
import '@storybook/addon-notes/register'
import '@storybook/addon-viewport/register'

/config/storybook/config.js

import { configure } from '@storybook/vue'
import Vue from 'vue'

// The code below loads all elements in a global context
const requireComponent = require.context('@components.elements', true, /[A-Z]\w+\.(vue|js)$/)
requireComponent.keys().forEach(fileName => {
  // Get component config
  const componentConfig = requireComponent(fileName)
  // Get PascalCase name of component
  const componentName = fileName.split('/').pop().replace(/\.\w+$/, '')
  // Register component globally
  Vue.component(componentName, componentConfig.default || componentConfig)
})
const req = require.context('../../src/stories', true, /.stories.js$/)
function loadStories () {
  req.keys().forEach(filename => req(filename))
}
configure(loadStories, module)

/config/storybook/webpack.config.js

const path = require('path')

module.exports = {
  resolve: {
    alias: {
      '@mixins.common': path.resolve(__dirname, '../../src/components/mixins/common'),
      '@mixins.domain': path.resolve(__dirname, '../../src/components/mixins/domain'),
      '@mixins.elements': path.resolve(__dirname, '../../src/components/mixins/elements'),
      '@mixins.layout': path.resolve(__dirname, '../../src/components/mixins/layout'),
      '@components.common': path.resolve(__dirname, '../../src/components/common'),
      '@components.domain': path.resolve(__dirname, '../../src/components/domain'),
      '@components.elements': path.resolve(__dirname, '../../src/components/elements'),
      '@components.layout': path.resolve(__dirname, '../../src/components/layout'),
      '@components.ui': path.resolve(__dirname, '../../src/components/ui'),
      '@directives': path.resolve(__dirname, '../../src/directives'),
      '@mixins': path.resolve(__dirname, '../../src/mixins')
    }
  }
}

To Reproduce Steps to reproduce the behavior: Launch the app in IE edge or IE11

Expected behavior It should display storybook page and vue components

Screenshots IE console error

System:

• OS: Windows 10
• Browser: IE Edge/11
• Framework: Vue JS 2.6

[adamdoyle]

Yeah sorry about that. I can probably do it on Monday if things aren’t too busy at work. @shilman asked me to throw together a PR and then they moved the goalposts on me a little bit. 😉

[shilman]

Yay!! I just released https://github.com/storybookjs/storybook/releases/tag/v5.1.11 containing PR #7401 that references this issue. Upgrade today to try it out!