{"action":"opened","issue":{"url":"https://api.github.com/repos/vuejs/vue-loader/issues/170","repository_url":"https://api.github.com/repos/vuejs/vue-loader","labels_url":"https://api.github.com/repos/vuejs/vue-loader/issues/170/labels{/name}","comments_url":"https://api.github.com/repos/vuejs/vue-loader/issues/170/comments","events_url":"https://api.github.com/repos/vuejs/vue-loader/issues/170/events","html_url":"https://github.com/vuejs/vue-loader/issues/170","id":138055097,"number":170,"title":"iOS Safari - Require .vue files breaks app","user":{"login":"blakeandrewwood","id":8361644,"avatar_url":"https://avatars.githubusercontent.com/u/8361644?v=3","gravatar_id":"","url":"https://api.github.com/users/blakeandrewwood","html_url":"https://github.com/blakeandrewwood","followers_url":"https://api.github.com/users/blakeandrewwood/followers","following_url":"https://api.github.com/users/blakeandrewwood/following{/other_user}","gists_url":"https://api.github.com/users/blakeandrewwood/gists{/gist_id}","starred_url":"https://api.github.com/users/blakeandrewwood/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/blakeandrewwood/subscriptions","organizations_url":"https://api.github.com/users/blakeandrewwood/orgs","repos_url":"https://api.github.com/users/blakeandrewwood/repos","events_url":"https://api.github.com/users/blakeandrewwood/events{/privacy}","received_events_url":"https://api.github.com/users/blakeandrewwood/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-03-03T02:22:41Z","updated_at":"2016-03-03T02:22:41Z","closed_at":null,"body":"If I require a .vue file in my app, vue does not run. If I remove the require, the vue runs and data binds foo. Here are my files. This only happens for iOS Safari. Runs perfectly fine on all desktop browsers.\r\n\r\napp.js\r\n```\r\n'use strict';\r\n\r\nvar Vue = require('vue');\r\nvar MainPage = require('./pages/main-page.vue');\r\n\r\nvar App = new Vue({\r\n  el: '#test',\r\n  data: function() {\r\n    return {\r\n      foo: 'bar'\r\n    };\r\n  }\r\n});\r\n```\r\n\r\nwebpack.config.js\r\n```\r\nvar BrowserSyncPlugin = require('browser-sync-webpack-plugin');\r\nvar path = require('path');\r\n\r\nmodule.exports = {\r\n    entry: path.join(__dirname, \"./vue/entry.js\"),\r\n    output: {\r\n        path: path.join(__dirname, './public/dist/'),\r\n        filename: \"bundle.js\"\r\n    },\r\n    module: {\r\n        loaders: [\r\n            {\r\n                test: /\\.vue$/,\r\n                loader: \"vue\"\r\n            }\r\n        ]\r\n    },\r\n    plugins: [\r\n        new BrowserSyncPlugin({\r\n          host: 'localhost',\r\n          port: 3000,\r\n          proxy: 'http://localhost:8000/'\r\n        })\r\n    ]\r\n};\r\n```\r\nindex.html\r\n```\r\n<div id=\"test\">\r\n    <h1>{{foo}}</h1>\r\n</div>\r\n```"}}