JS import in Vue Single File Component Leads to Error

Here is a sample template I have constructed:

<template>
</template>

<script>
const Vue = require("vue")

</script>

This compiles cleanly and causes no issues. However if I do:

<template>
</template>

<script>
import Vue from "vue"

</script>

I get this error:

process-update.js:32 
        
       TypeError: Cannot set properties of undefined (setting 'render')
    at normalizeComponent (componentNormalizer.js:24:1)
    at Module../components/test.vue (test.vue:8:27)
    at __webpack_require__ (bootstrap:853:1)
    at hotApplyInternal (bootstrap:749:1)
    at Object.hotApply [as apply] (bootstrap:411:1)
    at cb (process-update.js:76:1)
    at process-update.js:91:1

Does anyone know what may be going on?
Thanks in advance!