New (empty) vue js project gives javascript errors
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
, thennpm run dev
- In web browser, open developer tool, you will see the errors
What is expected?
No error
What is actually happening?
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
@len-ny There's a jquery error happening in your original screenshot. Vue obviously does not include jquery. So this is likely caused by a browser extension that you have installed, or some other external factor.
Actually my demo project also has some errors, just there are different from my local project created from scratch.
Vue does not include any of the libraries that these errors are coming from (new relic, clearbit etc). they may come from stackblitz?
You should test your project in a clean browser (incognito mode etc) without any extensions. Also consider if these are being blocked by a corporate firewall or something.