Forum Discussion

Luis Valencia's avatar
Luis Valencia
Copper Contributor
May 02, 2018

SPLoaderError.loadComponentError

Hi Guys

 

Just finished developing a web part, the problem is that I am getting this error:

 

[SPLoaderError.loadComponentError]:
***Failed to load component "46572037-3d17-4d88-b47a-3ab77e0cf090" (AbstractfactoryWebPart).
Original error: ***Failed to load entry point from component "46572037-3d17-4d88-b47a-3ab77e0cf090" (AbstractfactoryWebPart).
Original error: Error loading https://component-id.invalid/46572037-3d17-4d88-b47a-3ab77e0cf090_0.0.1
	Object prototype may only be an Object or null: undefined

***INNERERROR:
***Failed to load entry point from component "46572037-3d17-4d88-b47a-3ab77e0cf090" (AbstractfactoryWebPart).
Original error: Error loading https://component-id.invalid/46572037-3d17-4d88-b47a-3ab77e0cf090_0.0.1
	Object prototype may only be an Object or null: undefined
***CALLSTACK:
Error
    at SPLoaderError.SPError [as constructor] (https://localhost:4321/node_modules/@microsoft/sp-loader/dist/sp-loader-assembly_en-us.js:10183:24)
    at new SPLoaderError (https://localhost:4321/node_modules/@microsoft/sp-loader/dist/sp-loader-assembly_en-us.js:4211:28)
    at Function.ErrorBuilder.buildErrorWithVerboseLog (https://localhost:4321/node_modules/@microsoft/sp-loader/dist/sp-loader-assembly_en-us.js:3821:21)
    at Function.ErrorBuilder.buildLoadComponentError (https://localhost:4321/node_modules/@microsoft/sp-loader/dist/sp-loader-assembly_en-us.js:3743:21)
    at https://localhost:4321/node_modules/@microsoft/sp-loader/dist/sp-loader-assembly_en-us.js:7952:38

However when I do gulp build, it compiles without errors.

 

Any suggestion here?

 

developer
    • Luis Valencia's avatar
      Luis Valencia
      Copper Contributor
      May 02, 2018

      I am not using that library, but yes I guess its something related to references, but havent been able to find anything yet.

       

      this is the entire error

       

       

       Error - [webpack] 'dist':
./node_modules/@microsoft/sp-core-library/lib/SPCoreLibraryStrings.resx.js
Module not found: Error: Can't resolve 'resx-strings' in 'C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\lib'
resolve 'resx-strings' in 'C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\lib'
  Parsed request is a module
  using description file: C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\package.json (relative path: ./lib)
    Field 'browser' doesn't contain a valid alias configuration
  after using description file: C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\package.json (relative path: ./lib)
    resolve as module
      C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\lib\node_modules doesn't exist or is not a directory
      C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\lib\lib
doesn't exist or is not a directory
      C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\node_modules doesn't exist or is not a directory
      C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\lib doesn't exist or is
not a directory
      C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\node_modules doesn't exist or is not a directory
      C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\lib doesn't exist or is not a directory
      C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\node_modules doesn't exist or is not a directory
      C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\lib doesn't exist or is not a directory
      C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\node_modules doesn't exist or is not a directory
      C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\lib doesn't exist or is not a directory
      C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\node_modules doesn't exist or is not a directory
      C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\lib doesn't exist or is not a directory
      C:\Users\valencil\Documents\GitHub\node_modules doesn't exist or is not a directory
      C:\Users\valencil\Documents\GitHub\lib doesn't exist or is not a directory
      C:\Users\valencil\Documents\node_modules doesn't exist or is not a directory
      C:\Users\valencil\Documents\lib doesn't exist or is not a directory
      C:\Users\valencil\node_modules doesn't exist or is not a directory
      C:\Users\valencil\lib doesn't exist or is not a directory
      C:\Users\node_modules doesn't exist or is not a directory
      C:\Users\lib doesn't exist or is not a directory
      C:\node_modules doesn't exist or is not a directory
      C:\lib doesn't exist or is not a directory
      looking for modules in C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\node_modules
        using description file: C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\package.json (relative path: ./node_modules)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\package.json (relative path: ./node_modules)
          using description file: C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\package.json (relative path: ./node_modules/resx-strings)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\node_modules\resx-strings doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\node_modules\resx-strings.js doesn't exist
            .json
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\node_modules\resx-strings.json doesn't exist
            as directory
              C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\node_modules\resx-strings doesn't exist
      looking for modules in C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules
        using description file: C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\package.json (relative path: ./node_modules)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\package.json (relative path: ./node_modules)
          using description file: C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\package.json (relative path: ./node_modules/resx-strings)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\resx-strings doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\resx-strings.js doesn't exist
            .json
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\resx-strings.json doesn't exist
            as directory
              C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\resx-strings doesn't exist
      looking for modules in C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\lib
        using description file: C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\package.json (relative path: ./lib)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\package.json (relative path: ./lib)
          using description file: C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\package.json (relative path: ./lib/resx-strings)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\lib\resx-strings doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\lib\resx-strings.js doesn't exist
            .json
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\lib\resx-strings.json doesn't exist
            as directory
              C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\lib\resx-strings doesn't exist
      looking for modules in C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\lib
        using description file: C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\package.json (relative path: ./lib)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\package.json (relative path: ./lib)
          using description file: C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\package.json (relative path: ./lib/resx-strings)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\lib\resx-strings is not a file
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\lib\resx-strings.js doesn't exist
            .json
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\lib\resx-strings.json doesn't exist
            as directory
              existing directory
                using path: C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\lib\resx-strings\index
                  using description file: C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\package.json (relative path: ./lib/resx-strings/index)
                    no extension
                      Field 'browser' doesn't contain a valid alias configuration
                      C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\lib\resx-strings\index doesn't exist
                    .js
                      Field 'browser' doesn't contain a valid alias configuration
                      C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\lib\resx-strings\index.js doesn't exist
                    .json
                      Field 'browser' doesn't contain a valid alias configuration
                      C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\lib\resx-strings\index.json doesn't exist
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\lib\node_modules]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\lib\lib]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\node_modules]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\lib]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\node_modules]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\lib]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\node_modules]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\lib]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\node_modules]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\lib]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\node_modules]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\lib]
[C:\Users\valencil\Documents\GitHub\node_modules]
[C:\Users\valencil\Documents\GitHub\lib]
[C:\Users\valencil\Documents\node_modules]
[C:\Users\valencil\Documents\lib]
[C:\Users\valencil\node_modules]
[C:\Users\valencil\lib]
[C:\Users\node_modules]
[C:\Users\lib]
[C:\node_modules]
[C:\lib]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\node_modules\resx-strings]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\lib\resx-strings]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\resx-strings]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\lib\resx-strings]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\node_modules\resx-strings.js]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\lib\resx-strings.js]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\resx-strings.js]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\lib\resx-strings.js]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\node_modules\resx-strings.json]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\lib\resx-strings.json]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\resx-strings.json]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\lib\resx-strings.json]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\node_modules\resx-strings]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\resx-strings]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\lib\resx-strings]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\lib\resx-strings\index]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\lib\resx-strings\index.js]
[C:\Users\valencil\Documents\GitHub\sp-dev-fx-webparts\samples\designpatterns-typescript\Builder\node_modules\@microsoft\sp-core-library\lib\resx-strings\index.json]
 @ ./node_modules/@microsoft/sp-core-library/lib/SPCoreLibraryStrings.resx.js 5:6-29
 @ ./node_modules/@microsoft/sp-core-library/lib/Version.js
 @ ./lib/webparts/builder/components/Builder.js
 @ ./lib/webparts/builder/BuilderWebPart.js

Resources