Skip to content

New (empty) vue js project gives javascript errors #9485

@len-ny

Description

@len-ny

Vue version

3.3.4

Link to minimal reproduction

https://stackblitz.com/edit/vitejs-vite-2l4mkf?file=index.html&terminal=dev

Steps to reproduce

  • Open visual studio code
  • In terminal, npm update -g @vue/cli
  • npm init vue@latest
  • Choose no (default) for all options
    √ Add TypeScript? ... No
    √ Add JSX Support? ... No
    √ Add Vue Router for Single Page Application development? ... No
    √ Add Pinia for state management? ... No
    √ Add Vitest for Unit Testing? ... No
    √ Add an End-to-End Testing Solution? » No
    √ Add ESLint for code quality? ... No
  • Go the the project folder, npm install, then npm run dev
  • In web browser, open developer tool, you will see the errors

What is expected?

No error

What is actually happening?

image

image

System Info

System:
    OS: Windows 10 10.0.19045
    CPU: (8) x64 Intel(R) Core(TM) i5-8250U CPU @ 1.60GHz
    Memory: 809.52 MB / 7.85 GB
  Binaries:
    Node: 18.17.0 - C:\Program Files\nodejs\node.EXE
    npm: 10.2.1 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.19041.1266.0), Chromium (118.0.2088.61)
  npmPackages:
    vue: ^3.3.4 => 3.3.6

Chrome 118.0.5993.118 (Official Build) (64-bit)
Visual Studio Code 1.83.1 (System Setup)

Any additional comments?

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions