Vue SPA Template Error #304

New Issue

fergalmoran · 2025-08-09T17:15:46Z

fergalmoran commented

2025-08-09 17:15:46 +00:00

Originally created by @BenyT on 12/1/2017

I try to create a new project MvcVueDemo by dotnet cli as following steps:

$ dotnet new vue
$ dotnet restore
$ dotnet run

My Mac OS info:
.NET Command Line Tools (2.0.2)

Product Information:
Version: 2.0.2
Commit SHA-1 hash: a04b4bf512

Runtime Environment:
OS Name: Mac OS X
OS Version: 10.12
OS Platform: Darwin
RID: osx.10.12-x64
Base Path: /usr/local/share/dotnet/sdk/2.0.2/

Microsoft .NET Core Shared Framework Host

Version : 2.0.0
Build : e8b8861ac7faf042c87a5c2f9f2d04c98b69f28d

But i met some proplem:

1. when typed donet run (first time) ,i get a error message:
/MvcVueDemo/MvcVueDemo.csproj(29,5): error MSB3073: The command "node node_modules/webpack/bin/webpack.js" exited with code 2.

2.when i changed the ASPNETCORE_ENVIRONMENT as Development, i get fail message
$ export ASPNETCORE_ENVIRONMENT=Development
$ dotnet run

fail: Microsoft.AspNetCore.NodeServices[0]
Hash: c51968d0e424c9b9c636
Version: webpack 2.7.0
Time: 3142ms
Asset Size Chunks Chunk Names
main.js 219 kB 0 [emitted] main
main.js.map 257 kB 0 [emitted] main
chunk {0} main.js, main.js.map (main) 188 kB [entry] [rendered]
[0] delegated ./node_modules/_vue@2.5.9@vue/dist/vue.runtime.esm.js from dll-reference vendor_dd9e16125c0e167928ad 42 bytes {0} [not cacheable][built]
[2] external "vendor_dd9e16125c0e167928ad" 42 bytes {0} [not cacheable]
[9] ./ClientApp/boot.ts 590 bytes {0} [built]
[10] .//_webpack-hot-middleware@2.21.0@webpack-hot-middleware/client.js?path=__webpack_hmr&dynamicPublicPath=true 7.35 kB {0} [built]
[11] delegated ./node_modules/_event-source-polyfill@0.0.7@event-source-polyfill/eventsource.js from dll-reference vendor_dd9e16125c0e167928ad 42 bytes {0} [not cacheable] [built]
[28] ./ClientApp/components/app/app.vue.html 1.39 kB {0} [built]
[29] ./ClientApp/components/counter/counter.vue.html 1.41 kB {0} [built]
[30] ./ClientApp/components/fetchdata/fetchdata.vue.html 1.42 kB {0} [built]
[31] ./ClientApp/components/home/home.vue.html 1.34 kB {0} [built]
[41] .//_webpack-hot-middleware@2.21.0@webpack-hot-middleware/client-overlay.js 2.21 kB {0} [built]
[42] ./~/_webpack-hot-middleware@2.21.0@webpack-hot-middleware/process-update.js 4.33 kB {0} [built]
[43] (webpack)/buildin/module.js 517 bytes {0} [built]
[45] delegated ./node_modules/_bootstrap@3.3.7@bootstrap/dist/js/npm.js from dll-reference vendor_dd9e16125c0e167928ad 42 bytes {0} [not cacheable] [built]
[47] delegated ./node_modules/_vue-router@2.8.1@vue-router/dist/vue-router.esm.js from dll-reference vendor_dd9e16125c0e167928ad 42 bytes {0} [not cacheable] [built]
[48] multi event-source-polyfill webpack-hot-middleware/client?path=__webpack_hmr&dynamicPublicPath=true ./ClientApp/boot.ts 52 bytes {0} [built]
+ 34 hidden modules

  ERROR in [at-loader] ./node_modules/_vue-class-component@5.0.2@vue-class-component/lib/declarations.d.ts:6:33
      TS2702: 'Vue' only refers to a type, but is being used as a namespace here.

  ERROR in [at-loader] ./node_modules/_vue-router@2.8.1@vue-router/types/router.d.ts:4:35
      TS2304: Cannot find name 'Vue'.

  ERROR in [at-loader] ./node_modules/_vue-router@2.8.1@vue-router/types/router.d.ts:13:43
      TS2304: Cannot find name 'Vue'.

  ERROR in [at-loader] ./node_modules/_vue-router@2.8.1@vue-router/types/router.d.ts:19:8
      TS2304: Cannot find name 'Vue'.

  ERROR in [at-loader] ./node_modules/_vue-router@2.8.1@vue-router/types/router.d.ts:93:25
      TS2304: Cannot find name 'Vue'.

  ERROR in [at-loader] ./node_modules/_vue-router@2.8.1@vue-router/types/vue.d.ts:17:13
      TS2428: All declarations of 'ComponentOptions' must have identical type parameters.

  ERROR in [at-loader] ./node_modules/_vue-router@2.8.1@vue-router/types/vue.d.ts:17:40
      TS2304: Cannot find name 'Vue'.

  ERROR in [at-loader] ./node_modules/_vue@2.5.9@vue/types/options.d.ts:53:18
      TS2428: All declarations of 'ComponentOptions' must have identical type parameters.

how can i fixed those problem? THANKS!!!

*Originally created by @BenyT on 12/1/2017* I try to create a new project MvcVueDemo by dotnet cli as following steps: $ dotnet new vue $ dotnet restore $ dotnet run **My Mac OS info**: .NET Command Line Tools (2.0.2) Product Information: Version: 2.0.2 Commit SHA-1 hash: a04b4bf512 Runtime Environment: OS Name: Mac OS X OS Version: 10.12 OS Platform: Darwin RID: osx.10.12-x64 Base Path: /usr/local/share/dotnet/sdk/2.0.2/ Microsoft .NET Core Shared Framework Host Version : 2.0.0 Build : e8b8861ac7faf042c87a5c2f9f2d04c98b69f28d **But i met some proplem**: **1**. when typed donet run (first time) ,i get a error message: /MvcVueDemo/MvcVueDemo.csproj(29,5): error MSB3073: The command "node node_modules/webpack/bin/webpack.js" exited with code 2. **2**.when i changed the ASPNETCORE_ENVIRONMENT as Development, i get fail message $ export ASPNETCORE_ENVIRONMENT=Development $ dotnet run fail: Microsoft.AspNetCore.NodeServices[0] Hash: c51968d0e424c9b9c636 Version: webpack 2.7.0 Time: 3142ms Asset Size Chunks Chunk Names main.js 219 kB 0 [emitted] main main.js.map 257 kB 0 [emitted] main chunk {0} main.js, main.js.map (main) 188 kB [entry] [rendered] [0] delegated ./node_modules/_vue@2.5.9@vue/dist/vue.runtime.esm.js from dll-reference vendor_dd9e16125c0e167928ad 42 bytes {0} [not cacheable][built] [2] external "vendor_dd9e16125c0e167928ad" 42 bytes {0} [not cacheable] [9] ./ClientApp/boot.ts 590 bytes {0} [built] [10] ./~/_webpack-hot-middleware@2.21.0@webpack-hot-middleware/client.js?path=__webpack_hmr&dynamicPublicPath=true 7.35 kB {0} [built] [11] delegated ./node_modules/_event-source-polyfill@0.0.7@event-source-polyfill/eventsource.js from dll-reference vendor_dd9e16125c0e167928ad 42 bytes {0} [not cacheable] [built] [28] ./ClientApp/components/app/app.vue.html 1.39 kB {0} [built] [29] ./ClientApp/components/counter/counter.vue.html 1.41 kB {0} [built] [30] ./ClientApp/components/fetchdata/fetchdata.vue.html 1.42 kB {0} [built] [31] ./ClientApp/components/home/home.vue.html 1.34 kB {0} [built] [41] ./~/_webpack-hot-middleware@2.21.0@webpack-hot-middleware/client-overlay.js 2.21 kB {0} [built] [42] ./~/_webpack-hot-middleware@2.21.0@webpack-hot-middleware/process-update.js 4.33 kB {0} [built] [43] (webpack)/buildin/module.js 517 bytes {0} [built] [45] delegated ./node_modules/_bootstrap@3.3.7@bootstrap/dist/js/npm.js from dll-reference vendor_dd9e16125c0e167928ad 42 bytes {0} [not cacheable] [built] [47] delegated ./node_modules/_vue-router@2.8.1@vue-router/dist/vue-router.esm.js from dll-reference vendor_dd9e16125c0e167928ad 42 bytes {0} [not cacheable] [built] [48] multi event-source-polyfill webpack-hot-middleware/client?path=__webpack_hmr&dynamicPublicPath=true ./ClientApp/boot.ts 52 bytes {0} [built] + 34 hidden modules ERROR in [at-loader] ./node_modules/_vue-class-component@5.0.2@vue-class-component/lib/declarations.d.ts:6:33 TS2702: 'Vue' only refers to a type, but is being used as a namespace here. ERROR in [at-loader] ./node_modules/_vue-router@2.8.1@vue-router/types/router.d.ts:4:35 TS2304: Cannot find name 'Vue'. ERROR in [at-loader] ./node_modules/_vue-router@2.8.1@vue-router/types/router.d.ts:13:43 TS2304: Cannot find name 'Vue'. ERROR in [at-loader] ./node_modules/_vue-router@2.8.1@vue-router/types/router.d.ts:19:8 TS2304: Cannot find name 'Vue'. ERROR in [at-loader] ./node_modules/_vue-router@2.8.1@vue-router/types/router.d.ts:93:25 TS2304: Cannot find name 'Vue'. ERROR in [at-loader] ./node_modules/_vue-router@2.8.1@vue-router/types/vue.d.ts:17:13 TS2428: All declarations of 'ComponentOptions' must have identical type parameters. ERROR in [at-loader] ./node_modules/_vue-router@2.8.1@vue-router/types/vue.d.ts:17:40 TS2304: Cannot find name 'Vue'. ERROR in [at-loader] ./node_modules/_vue@2.5.9@vue/types/options.d.ts:53:18 TS2428: All declarations of 'ComponentOptions' must have identical type parameters. how can i fixed those problem? THANKS!!!

fergalmoran closed this issue

2025-08-09 17:15:46 +00:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github/JavaScriptServices#304