javascript - Vue 3 "Uncaught ReferenceError: require is not defined" - Stack Overflow

admin管理员组

文章数量:1430523

I am working on my first Vue 3 project after using Vue 2 for a long time.

Normally in my ponents on Vue 2 projects I can import a library, for example moment, like so:

<script>
const moment = require("moment")
export default {
  ...
</script>

In vue 3, I'm trying to do the same:

<script setup>
const moment = require("moment")
</script>

However I get the error

Uncaught ReferenceError: require is not defined

How can I get around this and import modules into a vue3 ponent?

I am working on my first Vue 3 project after using Vue 2 for a long time.

Normally in my ponents on Vue 2 projects I can import a library, for example moment, like so:

<script>
const moment = require("moment")
export default {
  ...
</script>

In vue 3, I'm trying to do the same:

<script setup>
const moment = require("moment")
</script>

However I get the error

Uncaught ReferenceError: require is not defined

How can I get around this and import modules into a vue3 ponent?

• javascript
• vue.js
• vuejs3
• vite

Share Improve this question Follow edited Jul 1, 2022 at 13:08 Nikola Pavicevic 23.5k99 gold badges2929 silver badges5151 bronze badges asked Jun 29, 2022 at 15:57 corycorycorycorycorycory 1,65633 gold badges2525 silver badges5050 bronze badges 1

• even on vue2, you should use import not require – Lk77 Commented Jul 1, 2022 at 13:13

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 3

You cann't use require in Vite, did you try with import:

<script setup>
  import moment from 'moment'

本文标签： javascriptVue 3 quotUncaught ReferenceError require is not definedquotStack Overflow