Error on npm run serve for default 3.x template
See original GitHub issueVersion
4.5.13
Reproduction link
https://github.com/MatthewCushing/vue-issue-reproduction/tree/master/starter-project-issue
Environment info
System:
OS: macOS 11.3
CPU: (16) x64 Intel(R) Core(TM) i9-9980HK CPU @ 2.40GHz
Binaries:
Node: 14.1.0 - ~/.nvm/versions/node/v14.1.0/bin/node
Yarn: 1.22.10 - /usr/local/bin/yarn
npm: 6.14.4 - ~/.nvm/versions/node/v14.1.0/bin/npm
Browsers:
Chrome: 91.0.4472.114
Edge: Not Found
Firefox: Not Found
Safari: 14.1
npmPackages:
@vue/babel-helper-vue-jsx-merge-props: 1.2.1
@vue/babel-helper-vue-transform-on: 1.0.2
@vue/babel-plugin-jsx: 1.0.6
@vue/babel-plugin-transform-vue-jsx: 1.2.1
@vue/babel-preset-app: 4.5.13
@vue/babel-preset-jsx: 1.2.4
@vue/babel-sugar-composition-api-inject-h: 1.2.1
@vue/babel-sugar-composition-api-render-instance: 1.2.4
@vue/babel-sugar-functional-vue: 1.2.2
@vue/babel-sugar-inject-h: 1.2.2
@vue/babel-sugar-v-model: 1.2.3
@vue/babel-sugar-v-on: 1.2.3
@vue/cli-overlay: 4.5.13
@vue/cli-plugin-babel: ~4.5.0 => 4.5.13
@vue/cli-plugin-eslint: ~4.5.0 => 4.5.13
@vue/cli-plugin-router: 4.5.13
@vue/cli-plugin-vuex: 4.5.13
@vue/cli-service: ~4.5.0 => 4.5.13
@vue/cli-shared-utils: 4.5.13
@vue/compiler-core: 3.1.3
@vue/compiler-dom: 3.1.3
@vue/compiler-sfc: ^3.0.0 => 3.1.3
@vue/compiler-ssr: 3.1.3
@vue/component-compiler-utils: 3.2.2
@vue/preload-webpack-plugin: 1.1.2
@vue/reactivity: 3.1.3
@vue/runtime-core: 3.1.3
@vue/runtime-dom: 3.1.3
@vue/shared: 3.1.3
@vue/web-component-wrapper: 1.3.0
eslint-plugin-vue: ^7.0.0 => 7.12.1
vue: ^3.0.0 => 3.1.3
vue-eslint-parser: 7.7.0
vue-hot-reload-api: 2.3.4
vue-loader: 15.9.7 (16.3.0)
vue-style-loader: 4.1.3
vue-template-es2015-compiler: 1.9.1
npmGlobalPackages:
@vue/cli: 4.5.13
Steps to reproduce
vue create starter-project
- Select option 2 - Default (Vue 3) ([Vue 3], babel, eslint)
cd starter-project
npm run serve
What is expected?
To be able to run the default template without modifying anything.
What is actually happening?
I receive this error:
ERROR Failed to compile with 1 error 6:33:48 PM
error in ./node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js
Module parse failed: Unexpected token (763:13)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| }
| class RefImpl {
> _rawValue;
| _shallow;
| _value;
@ ./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js 1:0-233 2:0-216 2:0-216 2:0-216 2:0-216 2:0-216 2:0-216 2:0-216 2:0-216 2:0-216 2:0-216 2:0-216 2:0-216 2:0-216 2:0-216 2:0-216 2:0-216 2:0-216 2:0-216 2:0-216 16:4-17 40:4-17 107:13-18 108:32-37 115:16-21 1958:8-13 1962:13-23 1968:35-45 1970:16-21 1973:21-31 2071:19-25 2094:8-12 2135:8-13 2210:29-34 2557:27-30 2558:26-29 2559:28-31 2905:16-29 2912:16-29 3043:28-36 3362:41-56 3378:28-33 3463:8-15 3500:32-37 3647:27-32 3823:29-34 3951:12-25 3958:12-25 4568:17-22 4592:13-18 5173:26-32 5336:8-21 5340:8-21 5755:16-20 5761:12-16 6296:27-32 6328:12-19 6338:16-23 6356:93-100 6357:15-20 6767:60-75 6768:60-75 6769:60-75 6770:59-74 6847:16-21 6997:16-21 7150:21-28 7160:8-21 7161:134-149 7162:8-21 7210:30-39 7264:8-21 7266:8-21 7314:23-38 7334:46-55 7334:56-63 7389:14-24 7576:21-26 7586:21-31 7593:24-34 7596:21-31 7624:53-58 7630:52-57 7696:48-53
@ ./node_modules/@vue/runtime-dom/dist/runtime-dom.esm-bundler.js
@ ./node_modules/vue/dist/vue.runtime.esm-bundler.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.7.98:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
If I manually create project and give it the addition of TypeScript, it works fine. Without TypeScript, it results in this error.
EDIT: This now happens with all options with TypeScript as well. Not sure if something changed in the last 2 hours?
Issue Analytics
- State:
- Created 2 years ago
- Reactions:12
- Comments:21 (1 by maintainers)
Top Results From Across the Web
Npm run serve Error - node.js - Stack Overflow
Running this code have solved my problem on ubuntu 16.04 echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo ...
Read more >serverless-offline - npm
Serverless Offline. This Serverless plugin emulates AWS λ and API Gateway on your local machine to speed up your development cycles.
Read more >Common errors | npm Docs
Possible temporary npm registry glitch, or corrupted local server cache. Run npm cache clean and/or try again later. This can be caused by...
Read more >node-windows - npm
Service Management: Run Node.js scripts as native Windows services. Includes monitoring. Event Logging: Create logs in the Event log.
Read more >start-server-and-test - npm
If you have a "start server", and "test" script names for example, ... but require authorization, returning an error HTTP code by default....
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I also have same situation in this morning.