SPFx Yeoman template broken by TypeScript 2.1 definition in @types/lodash

[tarcisiocorte]

Thank you for reporting an issue or suggesting an enhancement. We appreciate your feedback - to help the team to understand your needs, please complete the below template to ensure we have the necessary details to assist you.

Category

• Question
• Typo
• [ x] Bug
• Enhancement / Suggestion
• Additional article idea

Expected or Desired Behavior

I was just creating a Hellow world with SharePoint Framework

Step 1
yo @microsoft/sharepoint

step 2
lp trust-dev-cert

step 3
gulp serve
----the error showed up

Observed Behavior

Steps to Reproduce

I create a helloworld folder (Windows 10)
open cmdlet and typed
yo @microsoft/sharepoint
lp trust-dev-cert
gulp serve

Build target: DEBUG
[22:33:22] Using gulpfile c:\dev\helloworld_2\gulpfile.js
[22:33:22] Starting gulp
[22:33:22] Starting 'default'...
[22:33:22] Starting subtask 'pre-copy'...
[22:33:22] Finished subtask 'pre-copy' after 14 ms
[22:33:22] Starting subtask 'copyStaticAssets'...
[22:33:22] Starting subtask 'sass'...
[22:33:23] Finished subtask 'sass' after 720 ms
[22:33:23] Starting subtask 'tslint'...
[22:33:23] Starting subtask 'typescript'...
[22:33:23] [typescript] Using custom version: 2.0.10
[22:33:23] Finished subtask 'copyStaticAssets' after 810 ms
[22:33:26] Error - typescript - node_modules@types\lodash\index.d.ts(245,25): error TS2304: Cannot find name 'Partial'.
[22:33:26] Finished subtask 'tslint' after 3.15 s
[22:33:26] Error - 'typescript' sub task errored after 3.15 s
"TypeScript error(s) occurred."
[22:33:26] 'default' errored after 3.93 s
[22:33:26]
[22:33:27] ==================[ Finished ]==================
Error - typescript - node_modules@types\lodash\index.d.ts(245,25): error TS2304: Cannot find name 'Partial'.
Error - 'typescript' sub task errored after 3.15 s
"TypeScript error(s) occurred."
[22:33:27] Project helloworld-2 version: 0.0.1
[22:33:27] Build tools version: 1.1.0
[22:33:27] Node version: v6.4.0
[22:33:27] Total duration: 7.25 s
[22:33:27] Task errors: 2

[mrackley]

I'm receiving this same error. Works fine if I choose react for a framework. Is there any resolution yet?

[ozippy]

Me too.

[terry8023]

received the same error...

[chakkaradeep]

I am able to repro this error in a fresh Windows machine.

@nickpape-msft @iclanton any ideas whats going on? I tried reinstalling lodash types but that doesn't seem to help.

[NPrice99]

I am also getting this problem. I can also get it to work fine if I choose react for a framework.

Build target: DEBUG
[16:57:16] Using gulpfile ~\OneDrive\Documents\SPFx\Projects\helloworld-webpart-RC0\gulpfile.js
[16:57:16] Starting gulp
[16:57:16] Starting 'serve'...
[16:57:16] Starting subtask 'pre-copy'...
[16:57:16] Finished subtask 'pre-copy' after 21 ms
[16:57:16] Starting subtask 'copyStaticAssets'...
[16:57:16] Starting subtask 'sass'...
[16:57:18] Finished subtask 'sass' after 1.3 s
[16:57:18] Starting subtask 'tslint'...
[16:57:18] Starting subtask 'typescript'...
[16:57:18] [typescript] Using custom version: 2.0.10
[16:57:18] Finished subtask 'copyStaticAssets' after 1.4 s
[16:57:23] Error - typescript - node_modules@types\lodash\index.d.ts(245,25): error TS2304: Cannot find name 'Partial'.
[16:57:23] Finished subtask 'tslint' after 5.12 s
[16:57:23] Error - 'typescript' sub task errored after 5.13 s
"TypeScript error(s) occurred."
[16:57:23] 'serve' errored after 6.51 s
[16:57:23]
[16:57:23] ==================[ Finished ]==================
Error - typescript - node_modules@types\lodash\index.d.ts(245,25): error TS2304: Cannot find name 'Partial'.
Error - 'typescript' sub task errored after 5.13 s
"TypeScript error(s) occurred."
[16:57:24] Project helloworld-webpart-rc-0 version: 0.0.1
[16:57:24] Build tools version: 1.1.0
[16:57:24] Node version: v4.5.0
[16:57:24] Total duration: 12 s
[16:57:24] Task errors: 2

[octogonz]

This is a regression introduced by DefinitelyTyped PR 13994.

As a workaround, you can run this command:

npm install @types/lodash@4.14.50

However, IMO it is inappropriate for the upstream PR to introduce a patch-level SemVer change that forces all consumers to immediately upgrade to the TypeScript 2.1 compiler. The PR even failed its Travis build for this reason, but was merged anyway.

@mhegazy @lukas-zech-software @Andy-MS

[NPrice99]

Does SPFX support TypeScript 2.1 ?

[octogonz]

We just finished migrating to TypeScript 2.1 a week ago, but it hasn't been released yet. We're still testing. The 2.0 -> 2.1 migration was actually fairly involved compared to your normal intuition for a "minor" version increment. We'll explain this in more detail when the next release is published.

[NPrice99]

So unless PR13994 is reverted, the only way forward is to use npm install @types/lodash@4.14.50

[NPrice99]

I can confirm that the workaround detailed by pgonzal works successfully with the "Build Your Own WebPart" instructions.

[anishetty]

hi. I am getting the same error even after trying the workaround suggested by pgonzal. I am trying to refer jquery file in my type script file for helloworld webpart using below import syntax. I get the same exception when tried to import moduleloader class using "@microsoft/sp-module-loader".

import * as jQuery from 'jquery';