Error content and map of this source is not available only size is supported

I’m using Webpack module federation in angular for developing micro frontend architecture.

Usually lot of dependencies or version mismatch is going to happen.
Ref: Error Screen

Just do:

npm install

Sometimes if you added a new node packages then there is chances of getting these type of errors. So that, to update the packages which are most likely to be dependent on the new installed packages run — npm install.

It worked for me.

Again i faced same problem then i used the below command

npm install source-map-support

Also please check the port number which you are using for the project. Try to change the port numbers to a different port numbers which are unused and safer.
Eg: If you are using the port http://localhost:2000/ then change it to different one in your angular.json file

"options": {
                        "port": 5000,
                        "publicHost": "http://localhost:5000",
                        "extraWebpackConfig": "projects/core/webpack.config.js"
                    }

and also if you customized the commands for each micro frontend apps then change the port numbers in package.json file also

    "ng": "ng",
    "start": "npm run start:core",
    "start:core": "ng serve core  -o --port 5000",
    "start:dashboard": "ng serve dashboard -o --port 3000"
    }

🐞 Bug report

Command (mark with an x)

• build
• serve

Is this a regression?

Yes, didn’t see this with Angular 12.

Description

I’m running into Error: Content and Map of this Source is not available (only size() is supported) with Angular.

This seems to have been reported in various other places recently:
stackoverflow.com/questions/70066980/angular-12-content-and-map-of-this-source-is-not-available-only-size-is-suppo

I’m not sure if this is an Angular or Webpack issue, I also crossposted this to webpack: webpack/webpack#14840

🔬 Minimal Reproduction

I don’t have a clear reproduction, however I was able to add some logs in emitAsset here, which is part of the stack trace:
https://github.com/webpack/webpack/blob/14582fc41504595b04f01561ea19d27391d6b9ac/lib/Compilation.js#L4171-L4176

I added:

	emitAsset(file, source, assetInfo = {}) {
		if (this.assets[file]) {
			try {
				!isSourceEqual(this.assets[file], source);
			} catch (err) {
				console.error(file, this.assets[file], source);
				throw err;
			}

The output before the crash is:

fontawesome-webfont.eot SizeOnlySource { _size: 165742 } RawSource {
  _valueIsBuffer: true,
  _value: <Buffer 6e 87 02 00 ac 86 02 00 01 00 02 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 01 00 90 01 00 00 00 00 4c 50 00 00 00 00 00 00 00 00 00 00 00 00 00 00 ... 165692 more bytes>,
  _valueAsBuffer: <Buffer 6e 87 02 00 ac 86 02 00 01 00 02 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 01 00 90 01 00 00 00 00 4c 50 00 00 00 00 00 00 00 00 00 00 00 00 00 00 ... 165692 more bytes>,
  _valueAsString: undefined
}

It always seems to crash on the same eot file. Notice that this.assets[file] for this file is a SizeOnlySource.

🔥 Exception or Error

.../node_modules/webpack-sources/lib/SizeOnlySource.js:16
                return new Error(
                       ^

Error: Content and Map of this Source is not available (only size() is supported)
    at SizeOnlySource._error (.../node_modules/webpack-sources/lib/SizeOnlySource.js:16:10)
    at SizeOnlySource.buffer (.../node_modules/webpack-sources/lib/SizeOnlySource.js:30:14)
    at _isSourceEqual (.../node_modules/webpack/lib/util/source.js:21:51)
    at isSourceEqual (.../node_modules/webpack/lib/util/source.js:43:17)
    at Compilation.emitAsset (.../node_modules/webpack/lib/Compilation.js:4155:9)
    at .../node_modules/webpack/lib/Compiler.js:546:28
    at .../node_modules/webpack/lib/Compiler.js:1127:17
    at eval (eval at create (.../node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:13:1)
The terminal process "zsh '-c', 'yarn run start'" terminated with exit code: 1.

🌍 Your Environment

Angular CLI: 13.0.2
Node: 16.13.0
Package Manager: yarn 3.1.0
OS: darwin arm64

Angular: 13.0.1
... animations, cdk, common, compiler, compiler-cli, core, forms
... language-service, material, platform-browser
... platform-browser-dynamic, router, service-worker

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1300.2
@angular-devkit/build-angular   13.0.2
@angular-devkit/core            13.0.2
@angular-devkit/schematics      13.0.2
@angular/cli                    13.0.2
@angular/flex-layout            12.0.0-beta.35
@schematics/angular             13.0.2
rxjs                            7.4.0
typescript                      4.4.4```

**Anything else relevant?**

<!-- ✍️Is this a browser specific issue? If so, please specify the browser and version. -->

<!-- ✍️Do any of these matter: operating system, IDE, package manager, HTTP server, ...? If so, please mention it below. -->

Issue

I have been working with angular project and have angular version is 13 and node is 16 versions.

When i use command npm run start its throwing an error(compilation error). Pasted the error below

Error: Content and Map of this Source is not available (only size() is supported)
    at SizeOnlySource._error (C:Usersprojnode_moduleswebpack-sourceslibSizeOnlySource.js:16:10)
    at SizeOnlySource.buffer (C:Usersprojnode_moduleswebpack-sourceslibSizeOnlySource.js:30:14)
    at _isSourceEqual (C:Usersprojnode_moduleswebpacklibutilsource.js:21:51)
    at isSourceEqual (C:Usersprojnode_moduleswebpacklibutilsource.js:43:17)
    at Compilation.emitAsset (C:Usersprojnode_moduleswebpacklibCompilation.js:4171:9)
    at C:Usersprojnode_moduleswebpacklibCompiler.js:548:28
    at C:Usersprojnode_moduleswebpacklibCompiler.js:1129:17
    at eval (eval at create (C:Usersprojnode_modulestapablelibHookCodeFactory.js:33:10), <anonymous>:13:1)
    at runMicrotasks (<anonymous>)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)

I have tried these solution.None of them are permanent solutions.

1. Remove .angular folder from project and run npm install followed by npm run start command

2. set sourceMap flag as false

3. Tried to install sourceMap using npm install command

webpack version

These solutions are get it from the other stackoverfolw similar questions.

Anyone know why this error comes.

Do we have a permanent solution for this issue.
Expecting a better solution

Solution

From the answer found here. The short and sweet of it is that the .angular folder found in your project directory sometimes gets corrupted and the best way to fix it is to delete the folder entirely. Then run npm install to recreate a bug free version, and then run ng serve (or npm run start if that’s what you’re used to).

Answered By — WhoIsCarlo

def initAlgorithm(self, config=None):
    self.addParameter(QgsProcessingParameterFile('dailyshpfolder', 'Please Input Your Daily SHP folder', behavior=QgsProcessingParameterFile.Folder, fileFilter='All files (*.*)', defaultValue=None))

def __init__(self):
    super().__init__()
    
def name(self):
    return 'Daily to Master'

def tr(self, text):
    return QCoreApplication.translate("Daily to Master", text)
    
def displayName(self):
    return self.tr("Move daily SHP into Master layers -HA- Tech Services")

def helpUrl(self):
    return "https://qgis.org"
    

def createInstance(self):
    return DailyToMaster()

def processAlgorithm(self, parameters, context, model_feedback):
    # Use a multi-step feedback, so that individual child algorithm progress reports are adjusted for the
    # overall progress through the model
    feedback = QgsProcessingMultiStepFeedback(29, model_feedback)
    results = {}
    outputs = {}

    # Add SHP from daily SHP folder
    
    alg_params = {
        'INPUT': parameters['dailyshpfolder']
    }
    outputs['AddShpFromDailyShpFolder'] = processing.run('script:Import_folder', alg_params, context=context, feedback=feedback, is_child_algorithm=True)

    feedback.setCurrentStep(1)
    if feedback.isCanceled():
        return {}
    
    
    # Append Natural
    HAnatural = QgsProject.instance().mapLayersByName('HA_Natural.shp')
    natural = QgsProject.instance().mapLayersByName('Natural')
    if  HAnatural and natural:
        alg_params = {
            'ACTION_ON_DUPLICATE': 0,  # Just APPEND all features, no matter of duplicates
            'SOURCE_FIELD': '',
            'SOURCE_LAYER': QgsExpression("layer_property('HA_Natural.shp','name')").evaluate(),
            'TARGET_FIELD': '',
            'TARGET_LAYER': QgsExpression("layer_property('Natural','name')").evaluate()
        }
        context = dataobjects.createContext()
        context.setInvalidGeometryCheck(QgsFeatureRequest.GeometryNoCheck)
        outputs['AppendNatural'] = processing.run('etl_load:appendfeaturestolayer',alg_params, context=context, feedback=feedback, is_child_algorithm=True)
    if not HAnatural or not natural:
        print('No new Natural feature')
        pass
    feedback.setCurrentStep(2)
    if feedback.isCanceled():
        return {}

    # Append Field Drain
    HAfielddrain = QgsProject.instance().mapLayersByName('HA_Field_Drain.shp')
    fielddrain = QgsProject.instance().mapLayersByName('Field Drain')
    if  HAfielddrain  and fielddrain :
        alg_params = {
            'ACTION_ON_DUPLICATE': 0,  # Just APPEND all features, no matter of duplicates
            'SOURCE_FIELD': '',
            'SOURCE_LAYER': QgsExpression("layer_property('HA_Field_Drain.shp','name')").evaluate(),
            'TARGET_FIELD': '',
            'TARGET_LAYER': QgsExpression("layer_property('Field Drain','name')").evaluate()
        }
        context = dataobjects.createContext()
        context.setInvalidGeometryCheck(QgsFeatureRequest.GeometryNoCheck)
        outputs['AppendFieldDrain'] = processing.run('etl_load:appendfeaturestolayer', alg_params, context=context, feedback=feedback, is_child_algorithm=True)
    elif not HAfielddrain  or not fielddrain :
        print('No new Field Drain feature')
        pass
    
    feedback.setCurrentStep(3)
    if feedback.isCanceled():
        return {}

    # Append Points
    HApoints = QgsProject.instance().mapLayersByName('HA_Points.shp')
    points = QgsProject.instance().mapLayersByName('Points')
    if HApoints  and points :
        alg_params = {
            'ACTION_ON_DUPLICATE': 0,  # Just APPEND all features, no matter of duplicates
            'SOURCE_FIELD': '',
            'SOURCE_LAYER': QgsExpression("layer_property('Points.shp','name')").evaluate(),
            'TARGET_FIELD': '',
            'TARGET_LAYER': QgsExpression("layer_property('Points','name')").evaluate()
        }
        context = dataobjects.createContext()
        context.setInvalidGeometryCheck(QgsFeatureRequest.GeometryNoCheck)
        outputs['AppendPoints'] = processing.run('etl_load:appendfeaturestolayer', alg_params, context=context, feedback=feedback, is_child_algorithm=True)
    elif not HApoints  or not points :
        print('No new Points feature')
        pass

    feedback.setCurrentStep(4)
    if feedback.isCanceled():
        return {}

    # Append Modern
    HAmodern = QgsProject.instance().mapLayersByName('HA_Modern.shp')
    modern = QgsProject.instance().mapLayersByName('Modern')
    if HAmodern and modern :
        alg_params = {
            'ACTION_ON_DUPLICATE': 0,  # Just APPEND all features, no matter of duplicates
            'SOURCE_FIELD': '',
            'SOURCE_LAYER': QgsExpression("layer_property('HA_Modern.shp','name')").evaluate(),
            'TARGET_FIELD': '',
            'TARGET_LAYER': QgsExpression("layer_property('Modern','name')").evaluate()
        }
        context = dataobjects.createContext()
        context.setInvalidGeometryCheck(QgsFeatureRequest.GeometryNoCheck)
        outputs['AppendModern'] = processing.run('etl_load:appendfeaturestolayer', alg_params,context=context, feedback=feedback, is_child_algorithm=True)
    elif not HAmodern or not modern :
        print('No new Modern feature')
        pass
        
    feedback.setCurrentStep(5)
    if feedback.isCanceled():
        return {}

    # Append GR Point
    HAGRpoint = QgsProject.instance().mapLayersByName('HA_GR_Point.shp')
    GRpoint = QgsProject.instance().mapLayersByName('GR Point')
    if HAGRpoint and GRpoint :
        alg_params = {
            'ACTION_ON_DUPLICATE': 0,  # Just APPEND all features, no matter of duplicates
            'SOURCE_FIELD': '',
            'SOURCE_LAYER': QgsExpression("layer_property('HA_GR_Point.shp','name')").evaluate(),
            'TARGET_FIELD': '',
            'TARGET_LAYER': QgsExpression("layer_property('GR Point','name')").evaluate()
        }
        context = dataobjects.createContext()
        context.setInvalidGeometryCheck(QgsFeatureRequest.GeometryNoCheck)
        outputs['AppendGrPoint'] = processing.run('etl_load:appendfeaturestolayer', alg_params, context=context, feedback=feedback, is_child_algorithm=True)
    elif not HAGRpoint or not GRpoint :
        print('No new GR Point feature')
        pass
        
    feedback.setCurrentStep(6)
    if feedback.isCanceled():
        return {}

    # Append Test Pit
    HAtestpit = QgsProject.instance().mapLayersByName('HA_Test_Pit.shp')
    testpit = QgsProject.instance().mapLayersByName('Test Pit')
    if HAtestpit and testpit :
        alg_params = {
            'ACTION_ON_DUPLICATE': 0,  # Just APPEND all features, no matter of duplicates
            'SOURCE_FIELD': '',
            'SOURCE_LAYER': QgsExpression("layer_property('HA_Test_Pit.shp','name')").evaluate(),
            'TARGET_FIELD': '',
            'TARGET_LAYER': QgsExpression("layer_property('Test Pit','name')").evaluate()
        }
        context = dataobjects.createContext()
        context.setInvalidGeometryCheck(QgsFeatureRequest.GeometryNoCheck)
        outputs['AppendTestPit'] = processing.run('etl_load:appendfeaturestolayer', alg_params, context=context, feedback=feedback, is_child_algorithm=True)
    elif not HAtestpit or not testpit :
        print('No new Test Pit feature')
        pass

    feedback.setCurrentStep(7)
    if feedback.isCanceled():
        return {}

    # Append Excavated
    HAexcavated = QgsProject.instance().mapLayersByName('HA_Excavated.shp')
    excavated = QgsProject.instance().mapLayersByName('Excavated')
    if HAexcavated and excavated :
        alg_params = {
            'ACTION_ON_DUPLICATE': 0,  # Just APPEND all features, no matter of duplicates
            'SOURCE_FIELD': '',
            'SOURCE_LAYER': QgsExpression("layer_property('HA_Excavated.shp','name')").evaluate(),
            'TARGET_FIELD': '',
            'TARGET_LAYER': QgsExpression("layer_property('Excavated','name')").evaluate()
        }
        context = dataobjects.createContext()
        context.setInvalidGeometryCheck(QgsFeatureRequest.GeometryNoCheck)
        outputs['AppendExcavated'] = processing.run('etl_load:appendfeaturestolayer', alg_params, context=context, feedback=feedback, is_child_algorithm=True)
    elif not HAexcavated or not excavated :
        print('No new Excavated feature')
        pass
        
    feedback.setCurrentStep(8)
    if feedback.isCanceled():
        return {}

    # Append Structure
    HAstructure = QgsProject.instance().mapLayersByName('HA_Structure.shp')
    structure = QgsProject.instance().mapLayersByName('Structure')
    if HAstructure and structure :
        alg_params = {
            'ACTION_ON_DUPLICATE': 0,  # Just APPEND all features, no matter of duplicates
            'SOURCE_FIELD': '',
            'SOURCE_LAYER': QgsExpression("layer_property('HA_Structure.shp','name')").evaluate(),
            'TARGET_FIELD': '',
            'TARGET_LAYER': QgsExpression("layer_property('Structure','name')").evaluate()
        }
        context = dataobjects.createContext()
        context.setInvalidGeometryCheck(QgsFeatureRequest.GeometryNoCheck)
        outputs['AppendStructure'] = processing.run('etl_load:appendfeaturestolayer', alg_params, context=context, feedback=feedback, is_child_algorithm=True)
    elif not HAstructure or not structure :
        print('No new Structure feature')
        pass

    feedback.setCurrentStep(9)
    if feedback.isCanceled():
        return {}

    # Append Sample
    HAsample = QgsProject.instance().mapLayersByName('HA_Sample.shp')
    sample = QgsProject.instance().mapLayersByName('Sample')
    if HAsample and sample :
        alg_params = {
            'ACTION_ON_DUPLICATE': 0,  # Just APPEND all features, no matter of duplicates
            'SOURCE_FIELD': '',
            'SOURCE_LAYER': QgsExpression("layer_property('HA_Sample.shp','name')").evaluate(),
            'TARGET_FIELD': '',
            'TARGET_LAYER': QgsExpression("layer_property('Sample','name')").evaluate()
        }
        context = dataobjects.createContext()
        context.setInvalidGeometryCheck(QgsFeatureRequest.GeometryNoCheck)
        outputs['AppendSample'] = processing.run('etl_load:appendfeaturestolayer', alg_params,context=context, feedback=feedback, is_child_algorithm=True)
    elif not HAsample or not sample :
        print('No new Sample feature')
        pass

    feedback.setCurrentStep(10)
    if feedback.isCanceled():
        return {}

    

    # Append Inhumation
    HAinhum = QgsProject.instance().mapLayersByName('HA_Inhumation.shp')
    inhum = QgsProject.instance().mapLayersByName('Inhumation')
    if  HAinhum and inhum :
        alg_params = {
            'ACTION_ON_DUPLICATE': 0,  # Just APPEND all features, no matter of duplicates
            'SOURCE_FIELD': '',
            'SOURCE_LAYER': QgsExpression("layer_property('HA_Inhumation.shp','name')").evaluate(),
            'TARGET_FIELD': '',
            'TARGET_LAYER': QgsExpression("layer_property('Inhumation','name')").evaluate()
        }
        context = dataobjects.createContext()
        context.setInvalidGeometryCheck(QgsFeatureRequest.GeometryNoCheck)
        outputs['AppendInhumation'] = processing.run('etl_load:appendfeaturestolayer', alg_params, context=context, feedback=feedback, is_child_algorithm=True)
    elif not HAinhum or not inhum :
        print('No new Inhumation feature')
        pass
    return results

Error: Content and Map of this Source is not available (only size() is supported)
    at SizeOnlySource._error (C:Usersprojnode_moduleswebpack-sourceslibSizeOnlySource.js:16:10)
    at SizeOnlySource.buffer (C:Usersprojnode_moduleswebpack-sourceslibSizeOnlySource.js:30:14)
    at _isSourceEqual (C:Usersprojnode_moduleswebpacklibutilsource.js:21:51)
    at isSourceEqual (C:Usersprojnode_moduleswebpacklibutilsource.js:43:17)
    at Compilation.emitAsset (C:Usersprojnode_moduleswebpacklibCompilation.js:4171:9)
    at C:Usersprojnode_moduleswebpacklibCompiler.js:548:28
    at C:Usersprojnode_moduleswebpacklibCompiler.js:1129:17
    at eval (eval at create (C:Usersprojnode_modulestapablelibHookCodeFactory.js:33:10), <anonymous>:13:1)
    at runMicrotasks (<anonymous>)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)

2 ответа

Лучший ответ

🐞 Bug report

Command (mark with an x)

• build
• serve

Is this a regression?

Yes, didn’t see this with Angular 12.

Description

I’m running into Error: Content and Map of this Source is not available (only size() is supported) with Angular.

This seems to have been reported in various other places recently:
stackoverflow.com/questions/70066980/angular-12-content-and-map-of-this-source-is-not-available-only-size-is-suppo

I’m not sure if this is an Angular or Webpack issue, I also crossposted this to webpack: webpack/webpack#14840

🔬 Minimal Reproduction

I don’t have a clear reproduction, however I was able to add some logs in emitAsset here, which is part of the stack trace:
https://github.com/webpack/webpack/blob/14582fc41504595b04f01561ea19d27391d6b9ac/lib/Compilation.js#L4171-L4176

I added:

	emitAsset(file, source, assetInfo = {}) {
		if (this.assets[file]) {
			try {
				!isSourceEqual(this.assets[file], source);
			} catch (err) {
				console.error(file, this.assets[file], source);
				throw err;
			}

The output before the crash is:

fontawesome-webfont.eot SizeOnlySource { _size: 165742 } RawSource {
  _valueIsBuffer: true,
  _value: <Buffer 6e 87 02 00 ac 86 02 00 01 00 02 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 01 00 90 01 00 00 00 00 4c 50 00 00 00 00 00 00 00 00 00 00 00 00 00 00 ... 165692 more bytes>,
  _valueAsBuffer: <Buffer 6e 87 02 00 ac 86 02 00 01 00 02 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 01 00 90 01 00 00 00 00 4c 50 00 00 00 00 00 00 00 00 00 00 00 00 00 00 ... 165692 more bytes>,
  _valueAsString: undefined
}

It always seems to crash on the same eot file. Notice that this.assets[file] for this file is a SizeOnlySource.

🔥 Exception or Error

.../node_modules/webpack-sources/lib/SizeOnlySource.js:16
                return new Error(
                       ^

Error: Content and Map of this Source is not available (only size() is supported)
    at SizeOnlySource._error (.../node_modules/webpack-sources/lib/SizeOnlySource.js:16:10)
    at SizeOnlySource.buffer (.../node_modules/webpack-sources/lib/SizeOnlySource.js:30:14)
    at _isSourceEqual (.../node_modules/webpack/lib/util/source.js:21:51)
    at isSourceEqual (.../node_modules/webpack/lib/util/source.js:43:17)
    at Compilation.emitAsset (.../node_modules/webpack/lib/Compilation.js:4155:9)
    at .../node_modules/webpack/lib/Compiler.js:546:28
    at .../node_modules/webpack/lib/Compiler.js:1127:17
    at eval (eval at create (.../node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:13:1)
The terminal process "zsh '-c', 'yarn run start'" terminated with exit code: 1.

🌍 Your Environment

Angular CLI: 13.0.2
Node: 16.13.0
Package Manager: yarn 3.1.0
OS: darwin arm64

Angular: 13.0.1
... animations, cdk, common, compiler, compiler-cli, core, forms
... language-service, material, platform-browser
... platform-browser-dynamic, router, service-worker

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1300.2
@angular-devkit/build-angular   13.0.2
@angular-devkit/core            13.0.2
@angular-devkit/schematics      13.0.2
@angular/cli                    13.0.2
@angular/flex-layout            12.0.0-beta.35
@schematics/angular             13.0.2
rxjs                            7.4.0
typescript                      4.4.4```

**Anything else relevant?**

<!-- ✍️Is this a browser specific issue? If so, please specify the browser and version. -->

<!-- ✍️Do any of these matter: operating system, IDE, package manager, HTTP server, ...? If so, please mention it below. -->