Javascriptservices: New React/Redux project: webpack fails with Typescript errors
Hi,
New project freshly generated with 'React with Redux' fails to build.
Project created with only 'React' works ok.
— Looks like it's because of Typescript definitions? Is there a workaround?
Thanks!
Details:
OSX 10.11.6
Node v6.11.0
Installed dotnet-dev-osx-x64.1.0.4.pkg
Reproduce:
$ npm install -g yo generator-aspnetcore-spa
$ mkdir test1
$ cd test1
$ yo aspnetcore-spa
// choose React with Redux
// web pack fails
// full output:
_-----_ ╭──────────────────────────╮
| | │ Welcome to the ASP.NET │
|--(o)--| │ Core Single-Page App │
`---------´ │ generator! │
( _´U`_ ) │ │
/___A___\ /│ Version: 0.9.3 │
| ~ | ╰──────────────────────────╯
__'.___.'__
´ ` |° ´ Y `
? Framework React with Redux
? Your project name test1
I'm all done. Running npm install for you to install the required dependencies. If this fails, try running the command yourself.
create package.json
create .template.config/icon.png
create appsettings.json
create ClientApp/boot-client.tsx
create ClientApp/boot-server.tsx
create ClientApp/components/Counter.tsx
create ClientApp/components/FetchData.tsx
create ClientApp/components/Home.tsx
create ClientApp/components/Layout.tsx
create ClientApp/components/NavMenu.tsx
create ClientApp/configureStore.ts
create ClientApp/css/site.css
create ClientApp/dist/89889688147bd7575d6327160d64e760.svg
create ClientApp/dist/main-server.js
create ClientApp/dist/vendor-manifest.json
create ClientApp/dist/vendor.js
create ClientApp/routes.tsx
create ClientApp/store/Counter.ts
create ClientApp/store/index.ts
create ClientApp/store/WeatherForecasts.ts
create Controllers/HomeController.cs
create Controllers/SampleDataController.cs
create global.json
create Program.cs
create Startup.cs
create .gitignore
create Test1.csproj
create tsconfig.json
create Views/_ViewImports.cshtml
create Views/_ViewStart.cshtml
create Views/Home/Index.cshtml
create Views/Shared/_Layout.cshtml
create Views/Shared/Error.cshtml
create web.config
create webpack.config.js
create webpack.config.vendor.js
create wwwroot/dist/89889688147bd7575d6327160d64e760.svg
create wwwroot/dist/main-client.js
create wwwroot/dist/main-client.js.map
create wwwroot/dist/site.css
create wwwroot/dist/site.css.map
create wwwroot/dist/vendor-manifest.json
create wwwroot/dist/vendor.css
create wwwroot/dist/vendor.js
create wwwroot/favicon.ico
> [email protected] install /Users/jimsmart/workspace/test1/node_modules/fsevents
> node install
[fsevents] Success: "/Users/jimsmart/workspace/test1/node_modules/fsevents/lib/binding/Release/node-v48-darwin-x64/fse.node" already installed
Pass --update-binary to reinstall or --build-from-source to recompile
[email protected] /Users/jimsmart/workspace/test1
├── @types/[email protected]
├── @types/[email protected]
├── @types/[email protected]
├── @types/[email protected]
├─┬ @types/[email protected]
│ └── @types/[email protected]
├── @types/[email protected]
├─┬ @types/[email protected]
│ ├── @types/[email protected]
│ ├── @types/[email protected]
│ └─┬ @types/[email protected]
│ └── @types/[email protected]
├── @types/[email protected]
├─┬ [email protected]
│ └── [email protected]
├─┬ [email protected]
│ ├─┬ [email protected]
│ │ ├─┬ [email protected]
│ │ │ └── [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├── [email protected]
│ │ │ └── [email protected]
│ │ ├── [email protected]
│ │ └── [email protected]
│ ├── [email protected]
│ ├─┬ [email protected]
│ │ ├─┬ [email protected]
│ │ │ └── [email protected]
│ │ └─┬ [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ └── [email protected]
│ ├── [email protected]
│ ├─┬ [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ └── [email protected]
│ └── [email protected]
├── [email protected]
├─┬ [email protected]
│ ├── [email protected]
│ ├─┬ [email protected]
│ │ ├── [email protected]
│ │ └── [email protected]
│ ├─┬ [email protected]
│ │ ├── [email protected]
│ │ └── [email protected]
│ ├── [email protected]
│ ├─┬ [email protected]
│ │ └── [email protected]
│ ├── [email protected]
│ └── [email protected]
├── [email protected]
├─┬ [email protected]
│ ├─┬ [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ └── [email protected]
│ │ ├── [email protected]
│ │ └── [email protected]
│ ├─┬ [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ └─┬ [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ └─┬ [email protected]
│ │ └── [email protected]
│ ├─┬ [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ └── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ └── [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected]
│ │ │ └─┬ [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ └── [email protected]
│ │ ├─┬ [email protected]
│ │ │ └─┬ [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ └── [email protected]
│ │ │ │ └── [email protected]
│ │ │ └── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ └── [email protected]
│ │ ├─┬ [email protected]
│ │ │ └─┬ [email protected]
│ │ │ └── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ └── [email protected]
│ │ │ └── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ └── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected]
│ │ │ └─┬ [email protected]
│ │ │ ├── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ └─┬ [email protected]
│ │ │ └── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ └─┬ [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ └── [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├── [email protected]
│ │ │ └── [email protected]
│ │ ├── [email protected]
│ │ └── [email protected]
│ ├── [email protected]
│ ├─┬ [email protected]
│ │ ├── [email protected]
│ │ └── [email protected]
│ ├─┬ [email protected]
│ │ └─┬ [email protected]
│ │ └─┬ [email protected]
│ │ └── [email protected]
│ ├─┬ [email protected]
│ │ └─┬ [email protected]
│ │ └─┬ [email protected]
│ │ └── [email protected]
│ ├─┬ [email protected]
│ │ └─┬ [email protected]
│ │ └─┬ [email protected]
│ │ └── [email protected]
│ ├─┬ [email protected]
│ │ ├── [email protected]
│ │ └─┬ [email protected]
│ │ └─┬ [email protected]
│ │ └── [email protected]
│ ├── [email protected]
│ └── [email protected]
├─┬ [email protected]
│ ├── [email protected]
│ └─┬ [email protected]
│ ├─┬ [email protected]
│ │ ├─┬ [email protected]
│ │ │ └── [email protected]
│ │ └── [email protected]
│ └── [email protected]
├── [email protected]
├─┬ [email protected]
│ ├─┬ [email protected]
│ │ ├── [email protected]
│ │ └─┬ [email protected]
│ │ └── [email protected]
│ ├── [email protected]
│ └── [email protected]
├── [email protected]
├─┬ [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ └── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├─┬ [email protected]
│ ├─┬ [email protected]
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ └── [email protected]
│ │ ├── [email protected]
│ │ └── [email protected]
│ └── [email protected]
├── [email protected]
├─┬ [email protected]
│ ├─┬ [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected]
│ │ │ └── [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected]
│ │ │ └── [email protected]
│ │ ├─┬ [email protected]
│ │ │ └── [email protected]
│ │ └── [email protected]
│ ├─┬ [email protected]
│ │ ├─┬ [email protected]
│ │ │ └── [email protected]
│ │ └── [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ ├─┬ [email protected]
│ │ ├─┬ [email protected]
│ │ │ └── [email protected]
│ │ └── [email protected]
│ └─┬ [email protected]
│ └── [email protected]
├─┬ [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ └── [email protected]
├─┬ [email protected]
│ └─┬ [email protected]
│ └─┬ [email protected]
│ └── [email protected]
├── [email protected]
├─┬ [email protected]
│ └── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├─┬ [email protected]
│ └── [email protected]
├─┬ [email protected]
│ ├── [email protected]
│ ├─┬ [email protected]
│ │ └── [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ ├─┬ [email protected]
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ └── [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected]
│ │ │ └── [email protected]
│ │ ├─┬ [email protected]
│ │ │ └── [email protected]
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ └── [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ └── [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ └── [email protected]
│ │ │ │ └─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ └── [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ └── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ └── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ └── [email protected]
│ │ ├─┬ [email protected]
│ │ │ └── [email protected]
│ │ └─┬ [email protected]
│ │ └── [email protected]
│ ├── [email protected]
│ ├─┬ [email protected]
│ │ └── [email protected]
│ ├── [email protected]
│ ├─┬ [email protected]
│ │ ├── [email protected]
│ │ └─┬ [email protected]
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ └── [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├── [email protected]
│ │ │ └── [email protected]
│ │ └── [email protected]
│ ├─┬ [email protected]
│ │ └─┬ [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected]
│ │ │ └─┬ [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ └─┬ [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ └─┬ [email protected]
│ │ │ │ │ ├─┬ [email protected]
│ │ │ │ │ │ └── [email protected]
│ │ │ │ │ └── [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ └── [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ └── [email protected]
│ │ │ └─┬ [email protected]
│ │ │ ├── [email protected]
│ │ │ └── [email protected]
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected]
│ │ │ └─┬ [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ └─┬ [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ └── [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ ├─┬ [email protected]
│ │ │ │ │ │ ├── [email protected]
│ │ │ │ │ │ └─┬ [email protected]
│ │ │ │ │ │ └── [email protected]
│ │ │ │ │ ├─┬ [email protected]
│ │ │ │ │ │ └── [email protected]
│ │ │ │ │ └── [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ └── [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ └── [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├─┬ [email protected]
│ │ │ │ │ │ ├── [email protected]
│ │ │ │ │ │ └─┬ [email protected]
│ │ │ │ │ │ └── [email protected]
│ │ │ │ │ └── [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ └── [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ ├─┬ [email protected]
│ │ │ │ │ │ ├── [email protected]
│ │ │ │ │ │ ├── [email protected]
│ │ │ │ │ │ ├── [email protected]
│ │ │ │ │ │ └── [email protected]
│ │ │ │ │ └─┬ [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ ├─┬ [email protected]
│ │ │ │ │ │ └── [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ ├─┬ [email protected]
│ │ │ │ │ │ └── [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ └── [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ └── [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ └── [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └─┬ [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ └─┬ [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ └── [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ └── [email protected]
│ │ │ │ └── [email protected]
│ │ │ └─┬ [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ └── [email protected]
│ │ │ └── [email protected]
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ └── [email protected]
│ │ ├─┬ [email protected]
│ │ │ └── [email protected]
│ │ └─┬ [email protected]
│ │ ├─┬ [email protected]
│ │ │ └─┬ [email protected]
│ │ │ ├── [email protected]
│ │ │ └── [email protected]
│ │ └── [email protected]
│ ├─┬ [email protected]
│ │ └── [email protected]
│ └─┬ [email protected]
│ ├── [email protected]
│ ├─┬ [email protected]
│ │ └── [email protected]
│ ├── [email protected]
│ ├─┬ [email protected]
│ │ └─┬ [email protected]
│ │ └── [email protected]
│ ├─┬ [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected]
│ │ │ └─┬ [email protected]
│ │ │ └── [email protected]
│ │ └─┬ [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├── [email protected]
│ │ │ └─┬ [email protected]
│ │ │ └── [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├── [email protected]
│ │ │ └─┬ [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ └── [email protected]
│ │ └── [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ ├─┬ [email protected]
│ │ ├── [email protected]
│ │ └─┬ [email protected]
│ │ └── [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ └─┬ [email protected]
│ └── [email protected]
├─┬ [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ └─┬ [email protected]
│ └── [email protected]
└── [email protected]
npm WARN [email protected] No description
npm WARN [email protected] No repository field.
npm WARN [email protected] No license field.
Restoring packages for /Users/jimsmart/workspace/test1/Test1.csproj...
Generating MSBuild file /Users/jimsmart/workspace/test1/obj/Test1.csproj.nuget.g.props.
Generating MSBuild file /Users/jimsmart/workspace/test1/obj/Test1.csproj.nuget.g.targets.
Writing lock file to disk. Path: /Users/jimsmart/workspace/test1/obj/project.assets.json
Restore completed in 2.38 sec for /Users/jimsmart/workspace/test1/Test1.csproj.
NuGet Config files used:
/Users/jimsmart/.nuget/NuGet/NuGet.Config
Feeds used:
https://api.nuget.org/v3/index.json
Hash: af2088012a1b2e840d4e59b6b95a03906f72a83f
Version: webpack 2.5.1
Child
Hash: af2088012a1b2e840d4e
Time: 14425ms
Asset Size Chunks Chunk Names
89889688147bd7575d6327160d64e760.svg 109 kB [emitted]
vendor.js 1.37 MB 0 [emitted] [big] vendor
vendor.css 315 kB 0 [emitted] [big] vendor
Child
Hash: 59b6b95a03906f72a83f
Time: 14760ms
Asset Size Chunks Chunk Names
89889688147bd7575d6327160d64e760.svg 109 kB [emitted]
vendor.js 1.82 MB 0 [emitted] [big] vendor
[at-loader] Checking finished with 11 errors
[at-loader] Checking finished with 11 errors
Hash: 08f575dd6f1e8269fbfde6a114b21af4daf8a817
Version: webpack 2.5.1
Child
Hash: 08f575dd6f1e8269fbfd
Time: 7436ms
Asset Size Chunks Chunk Names
main-client.js 30.7 kB 0 [emitted] main-client
site.css 1.56 kB 0 [emitted] main-client
main-client.js.map 40.8 kB 0 [emitted] main-client
site.css.map 85 bytes 0 [emitted] main-client
ERROR in [at-loader] ./ClientApp/boot-server.tsx:23:18
TS2604: JSX element type 'StaticRouter' does not have any construct or call signatures.
ERROR in [at-loader] ./ClientApp/routes.tsx:9:6
TS2604: JSX element type 'Route' does not have any construct or call signatures.
ERROR in [at-loader] ./ClientApp/routes.tsx:10:6
TS2604: JSX element type 'Route' does not have any construct or call signatures.
ERROR in [at-loader] ./ClientApp/routes.tsx:11:6
TS2604: JSX element type 'Route' does not have any construct or call signatures.
ERROR in [at-loader] ./node_modules/@types/react-router/index.d.ts:40:35
TS2314: Generic type 'Component<P, S>' requires 2 type argument(s).
ERROR in [at-loader] ./node_modules/@types/react-router/index.d.ts:46:29
TS2314: Generic type 'Component<P, S>' requires 2 type argument(s).
ERROR in [at-loader] ./node_modules/@types/react-router/index.d.ts:56:31
TS2314: Generic type 'Component<P, S>' requires 2 type argument(s).
ERROR in [at-loader] ./node_modules/@types/react-router/index.d.ts:74:28
TS2314: Generic type 'Component<P, S>' requires 2 type argument(s).
ERROR in [at-loader] ./node_modules/@types/react-router/index.d.ts:79:29
TS2314: Generic type 'Component<P, S>' requires 2 type argument(s).
ERROR in [at-loader] ./node_modules/@types/react-router/index.d.ts:87:35
TS2314: Generic type 'Component<P, S>' requires 2 type argument(s).
ERROR in [at-loader] ./node_modules/@types/react-router/index.d.ts:92:29
TS2314: Generic type 'Component<P, S>' requires 2 type argument(s).
Child
Hash: e6a114b21af4daf8a817
Time: 7025ms
Asset Size Chunks Chunk Names
main-server.js 77.3 kB 0 [emitted] main-server
ERROR in [at-loader] ./ClientApp/boot-server.tsx:23:18
TS2604: JSX element type 'StaticRouter' does not have any construct or call signatures.
ERROR in [at-loader] ./ClientApp/routes.tsx:9:6
TS2604: JSX element type 'Route' does not have any construct or call signatures.
ERROR in [at-loader] ./ClientApp/routes.tsx:10:6
TS2604: JSX element type 'Route' does not have any construct or call signatures.
ERROR in [at-loader] ./ClientApp/routes.tsx:11:6
TS2604: JSX element type 'Route' does not have any construct or call signatures.
ERROR in [at-loader] ./node_modules/@types/react-router/index.d.ts:40:35
TS2314: Generic type 'Component<P, S>' requires 2 type argument(s).
ERROR in [at-loader] ./node_modules/@types/react-router/index.d.ts:46:29
TS2314: Generic type 'Component<P, S>' requires 2 type argument(s).
ERROR in [at-loader] ./node_modules/@types/react-router/index.d.ts:56:31
TS2314: Generic type 'Component<P, S>' requires 2 type argument(s).
ERROR in [at-loader] ./node_modules/@types/react-router/index.d.ts:74:28
TS2314: Generic type 'Component<P, S>' requires 2 type argument(s).
ERROR in [at-loader] ./node_modules/@types/react-router/index.d.ts:79:29
TS2314: Generic type 'Component<P, S>' requires 2 type argument(s).
ERROR in [at-loader] ./node_modules/@types/react-router/index.d.ts:87:35
TS2314: Generic type 'Component<P, S>' requires 2 type argument(s).
ERROR in [at-loader] ./node_modules/@types/react-router/index.d.ts:92:29
TS2314: Generic type 'Component<P, S>' requires 2 type argument(s).
jimsmart
👍5
All 11 comments
Same here on Windows 10 + node v4 + typescript 2.3.4, tried following to walk around, but all failed:
- force upgraded
react-router-dom4.11 - removed
react-router-domusereact-routerinstead
wenkangjing
on 26 Jun 2017
👍3
Same me. I tried with
dotnet new reactredux
dotnet restore
npm install
And no hope same errors and it is when running webpack -> typescript
ClientApp/boot-server.tsx(23,18): error TS2604: JSX element type 'StaticRouter' does not have any construct or call signatures.
ClientApp/routes.tsx(9,6): error TS2604: JSX element type 'Route' does not have any construct or call signatures.
ClientApp/routes.tsx(10,6): error TS2604: JSX element type 'Route' does not have any construct or call signatures.
ClientApp/routes.tsx(11,6): error TS2604: JSX element type 'Route' does not have any construct or call signatures.
node_modules/@types/react-router/index.d.ts(40,35): error TS2314: Generic type 'Component
node_modules/@types/react-router/index.d.ts(46,29): error TS2314: Generic type 'Component
node_modules/@types/react-router/index.d.ts(56,31): error TS2314: Generic type 'Component
node_modules/@types/react-router/index.d.ts(74,28): error TS2314: Generic type 'Component
node_modules/@types/react-router/index.d.ts(79,29): error TS2314: Generic type 'Component
node_modules/@types/react-router/index.d.ts(87,35): error TS2314: Generic type 'Component
node_modules/@types/react-router/index.d.ts(92,29): error TS2314: Generic type 'Component
Easy to reproduce just follow basic path.
eino-makitalo
on 26 Jun 2017
I found a workaround. I went offline and I compare packages of working version (before it's updated from network) with npm ls and found differences
Non working version has @types/react-router version 4.0.12 and working one has 4.0.11
1) So delete directory node_modules/@types/react-router.
2) Add explicitely version to package.json 4.0.11 @types/react-router": "4.0.11",
Started to work for me.
{
"name": "x",
"version": "0.0.0",
"dependencies": {
@types/react-router": "4.0.11",
"@types/history": "4.5.1",
"@types/react": "15.0.24",
"@types/react-dom": "15.5.0",
"@types/react-redux": "4.4.40",
"@types/react-router-dom": "4.0.4",
Attached diff to working and nonworking versions...
okvsfailed.txt
eino-makitalo
on 26 Jun 2017
👍2
After router upgrade :)
Beware to update webpack to 3.0.0 also!
OlekRia
on 26 Jun 2017
Well in package.json there is version 2.5.1. I try to install global webpack to 3.00 and local one too It did not help for me. So better to force react-router to older version until this template is fixed?
eino-makitalo
on 26 Jun 2017
@eino-makitalo No way to install webpack 3 !
I spent too many hours for nothing after it :)
OlekRia
on 26 Jun 2017
I had globally webpack 3.00 but in node_modules there is just version 2.5.1. When I just change this @types/react-routerto older one (4.0.11) my compilation start to work. My suggestion is not to update webpack at all. @EmmaHansson I fix my comment because it has ate word @types/react-router,
eino-makitalo
on 26 Jun 2017
@wenkangjing I managed to fix it with that but have to delete types/react-router version manually from node_modules to be able to go back earlier version as explained earlier When explicitely installing older version it satisfied react-router-dom (4.0.4) which normally would load newer version of react-router. This is nodejs hell! (compared to old days dll hell nothing has changed)
eino-makitalo
on 26 Jun 2017
👍1
I had same problem and fixed it by adding the missing argument to classes in node_modules/@types/react-router and node_modules/@types/react-router-dom and node_modules/@types/react-router-redux.
E.g. change export class Route extends React.Component<RouteProps> { } to export class Route extends React.Component<RouteProps, {}> { }
david-lennox
on 26 Jun 2017
Thanks for reporting this. It's a really nasty mess! The basic issue is:
- ReactReduxSpa pins to exact versions of some, but not all, of its dependencies. Thus it trusts that dependencies accurately describe their own compatibility with other dependencies via semver.
- The
@typespackages do not accurately describe their own compatibility with other dependencies via semver. When one@typesdepends on another, it just specifies version*which gives a totally untrue view of compatibility.
In this particular case, the newly-released @types/react-router 4.0.12 is not compatible with @types/react v15.0.29 (despite claiming to be compatible with version *, i.e., all versions).
To fix this, there are two solutions we'll add:
- Short-term solution I've just published version 2.0.1 of
aspnet-webpack-react, which contains a rather awkward workaround. It includes a bit of TypeScript type definition that patches the compatibility between the two NPM modules mentioned above. For this to work, it also has to edit yourtsconfig.jsonfile on installation to add an extra reference to itself. This short-term workaround is necessary because we're about to ship a VS update that includes the ReactReduxSpa template, and it's too late to make further edits to the template contents.
- To get this workaround in an existing project, just reinstall all your NPM dependencies. For example, delete your project's
node_modulesdirectory completely, then runnpm install. New projects should get it automatically. You might have to clear your NPM cache first if that still isn't getting the newaspnet-webpack-reactversion 2.0.1.
- To get this workaround in an existing project, just reinstall all your NPM dependencies. For example, delete your project's
- Longer-term solution The templates will be modified to pin to exact versions of every dependency (e.g., using NPM shrinkwrap, or just literally listing every transitive dependency in
package.json). Then we're no longer at risk of third-party edits breaking things.
Besides all this, there's a strong case that the @types project should respect semver in its packages. The @types packages shouldn't claim to be compatible with version * of other @types packages when they are not. I'll file an issue with them about that, though I expect it's something that's been reported in the past already!
SteveSandersonMS
on 26 Jun 2017
👍4
Thanks @eino-makitalo, tried your solution but still no luck, end up with other errors after explicitly changing to @types/react-router to 4.0.11, and downgrade @types/react-router-dom to 4.0.4. Sign...spent 4 hours on this...
ERROR in [at-loader] ./ClientApp/components/FetchData.tsx:63:13
TS2605: JSX element type 'Link' is not a constructor function for JSX elements.
ERROR in [at-loader] ./ClientApp/components/NavMenu.tsx:15:21
TS2605: JSX element type 'Link' is not a constructor function for JSX elements.
Types of property 'setState' are incompatible.
Type '{ <K extends never>(f: (prevState: void, props: LinkProps) => Pick<void, K>, callback?: () => any...' is not assignable to type '{ <K extends never>(f: (prevState: {}, props: any) => Pick<{}, K>, callback?: () => any): void; <...'.
Types of parameters 'f' and 'f' are incompatible.
Type '(prevState: {}, props: any) => Pick<{}, any>' is not assignable to type '(prevState: void, props: LinkProps) => Pick<void, any>'.
Types of parameters 'prevState' and 'prevState' are incompatible.
Type 'void' is not assignable to type '{}'.
🎉1
Was this page helpful?
0 / 5 - 0 ratings
Related issues
caesay
·
3Comments
Sampath-Lokuge
·
4Comments
ZeekoZhu
·
3Comments
docrinehart
·
4Comments
mounthorse-slns
·
3Comments
Most helpful comment
Thanks for reporting this. It's a really nasty mess! The basic issue is:
@typespackages do not accurately describe their own compatibility with other dependencies via semver. When one@typesdepends on another, it just specifies version*which gives a totally untrue view of compatibility.In this particular case, the newly-released
@types/react-router4.0.12 is not compatible with@types/reactv15.0.29 (despite claiming to be compatible with version*, i.e., all versions).To fix this, there are two solutions we'll add:
aspnet-webpack-react, which contains a rather awkward workaround. It includes a bit of TypeScript type definition that patches the compatibility between the two NPM modules mentioned above. For this to work, it also has to edit yourtsconfig.jsonfile on installation to add an extra reference to itself. This short-term workaround is necessary because we're about to ship a VS update that includes the ReactReduxSpa template, and it's too late to make further edits to the template contents.node_modulesdirectory completely, then runnpm install. New projects should get it automatically. You might have to clear your NPM cache first if that still isn't getting the newaspnet-webpack-reactversion 2.0.1.package.json). Then we're no longer at risk of third-party edits breaking things.Besides all this, there's a strong case that the
@typesproject should respect semver in its packages. The@typespackages shouldn't claim to be compatible with version*of other@typespackages when they are not. I'll file an issue with them about that, though I expect it's something that's been reported in the past already!