# Having Loader issues with Cesium Models
**URL:** https://community.cesium.com/t/having-loader-issues-with-cesium-models/26833
**Category:** CesiumJS
**Created:** [September 18, 2023, 7:54pm UTC](https://community.cesium.com/t/having-loader-issues-with-cesium-models/26833 "2023-09-18T19:54:28Z")
**Posts on this page:** 5
**Page:** 1
### Author:  [@Francisco\_Shryock](https://community.cesium.com/u/Francisco_Shryock)
#### Post date: [September 18, 2023, 7:54pm UTC](https://community.cesium.com/t/having-loader-issues-with-cesium-models/26833/1 "2023-09-18T19:54:28Z")
Hello,
I recently tried to install cesium with my Reactjs app and when starting the application, I am getting the following errors:
I updated my Webpack.config.js to the following but I still get errors!
{
test: /.js|.jsx$/,// Match JavaScript files
exclude: /node\_modules/,
use: {
loader: ‘babel-loader’,
},
},
{
test: /.kml$/,
use: ‘raw-loader’,
},
ERROR in ./node\_modules/@cesium/engine/Source/Scene/Model/I3dmLoader.js 150:30
Module parse failed: Unexpected token (150:30)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See [Concepts | webpack](https://webpack.js.org/concepts#loaders)
| texturesLoaded: {
| get: function () {
> ```
> return this._gltfLoader?.texturesLoaded;
>
> ```
| },
| },
@ ./node\_modules/@cesium/engine/index.js 940:0-75 940:0-75
@ ./node\_modules/cesium/Source/Cesium.js
@ ./src/modules/WilsonContainer.tsx
@ ./src/components/drawer/MainDrawer.tsx
@ ./src/bootstrap.tsx
@ ./src/index.ts
ERROR in ./node\_modules/@cesium/engine/Source/DataSources/ModelVisualizer.js 162:28
Module parse failed: Unexpected token (162:28)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See [Concepts | webpack](https://webpack.js.org/concepts#loaders)
|
| if (!defined(modelData) || resource.url !== modelData.url) {
> ```
> if (defined(modelData?.modelPrimitive)) {
>
> ```
| primitives.removeAndDestroy(modelData.modelPrimitive);
| delete modelHash[entity.id];
@ ./node\_modules/@cesium/engine/index.js 748:0-85 748:0-85
@ ./node\_modules/cesium/Source/Cesium.js
@ ./src/modules/WilsonContainer.tsx
@ ./src/components/drawer/MainDrawer.tsx
@ ./src/bootstrap.tsx
@ ./src/index.ts
ERROR in ./node\_modules/@cesium/engine/Source/Scene/Cesium3DTilesVoxelProvider.js 315:37
Module parse failed: Unexpected token (315:37)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See [Concepts | webpack](https://webpack.js.org/concepts#loaders)
| function addAttributeInfo(provider, metadata, className) {
| const { schema, statistics } = metadata;
> const classStatistics = statistics?.classes[className];
> | const properties = schema.classes[className].properties;
> |
> @ ./node\_modules/@cesium/engine/index.js 415:0-101 415:0-101
> @ ./node\_modules/cesium/Source/Cesium.js
> @ ./src/modules/WilsonContainer.tsx
> @ ./src/components/drawer/MainDrawer.tsx
> @ ./src/bootstrap.tsx
> @ ./src/index.ts
ERROR in ./node\_modules/@cesium/engine/Source/Core/buildModuleUrl.js 44:27
Module parse failed: Unexpected token (44:27)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See [Concepts | webpack](https://webpack.js.org/concepts#loaders)
| if (typeof CESIUM\_BASE\_URL !== “undefined”) {
| baseUrlString = CESIUM\_BASE\_URL;
> } else if (defined(import.meta) && defined(import.meta.url)) {
> | // ESM
> | baseUrlString = getAbsoluteUri(“.”, import.meta.url);
> @ ./node\_modules/@cesium/engine/Source/Core/Iau2006XysData.js 1:0-49 258:11-25
> @ ./node\_modules/@cesium/engine/Source/Core/Transforms.js
> @ ./node\_modules/@cesium/engine/Source/Scene/Model/ModelSceneGraph.js
> @ ./node\_modules/@cesium/engine/index.js
> @ ./node\_modules/cesium/Source/Cesium.js
> @ ./src/modules/WilsonContainer.tsx
> @ ./src/components/drawer/MainDrawer.tsx
> @ ./src/bootstrap.tsx
> @ ./src/index.ts
ERROR in ./node\_modules/@cesium/engine/Source/Workers/createTaskProcessorWorker.js 73:21
Module parse failed: Unexpected token (73:21)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See [Concepts | webpack](https://webpack.js.org/concepts#loaders)
| function onMessageErrorHandler(event) {
| postMessage({
> ```
> id: event.data?.id,
>
> ```
| error: `postMessage failed with error: ${JSON.stringify(event)}`,
| });
@ ./node\_modules/@cesium/engine/index.js 1125:0-101 1125:0-101
@ ./node\_modules/cesium/Source/Cesium.js
@ ./src/modules/WilsonContainer.tsx
@ ./src/components/drawer/MainDrawer.tsx
@ ./src/bootstrap.tsx
@ ./src/index.ts
ERROR in ./node\_modules/@cesium/engine/Source/Scene/Model/MetadataPipelineStage.js 86:29
Module parse failed: Unexpected token (86:29)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See [Concepts | webpack](https://webpack.js.org/concepts#loaders)
| const { shaderBuilder, model } = renderResources;
| const { structuralMetadata = {}, content } = model;
> const statistics = content?.tileset.metadataExtension?.statistics;
> |
> | const propertyAttributesInfo = getPropertyAttributesInfo(
> @ ./node\_modules/@cesium/engine/index.js 946:0-97 946:0-97
> @ ./node\_modules/cesium/Source/Cesium.js
> @ ./src/modules/WilsonContainer.tsx
> @ ./src/components/drawer/MainDrawer.tsx
> @ ./src/bootstrap.tsx
> @ ./src/index.ts
---
### Author:  [@Francisco\_Shryock](https://community.cesium.com/u/Francisco_Shryock)
#### Post date: [September 18, 2023, 9:13pm UTC](https://community.cesium.com/t/having-loader-issues-with-cesium-models/26833/2 "2023-09-18T21:13:18Z")
I’ve tired the installation guide but I still have issues with modules:
> **[This tutorial explains how to integrate the Cesium npm module from webpack,...](https://cesium.com/learn/cesiumjs-learn/cesiumjs-webpack/#add-cesiumjs-to-a-webpack-app)**
>
> CesiumJS Tutorial: CesiumJS and Webpack
---
### Author:  [@Gabby\_Getz](https://community.cesium.com/u/Gabby_Getz)
#### Post date: [September 20, 2023, 7:56pm UTC](https://community.cesium.com/t/having-loader-issues-with-cesium-models/26833/3 "2023-09-20T19:56:03Z")
Hi there,
There was [a fix recently to avoid the `import.meta` error in webpack](https://github.com/CesiumGS/cesium/pull/11511). That will go out with the next release on October 2.
For the errors related to the optional chaining operator (`?.`), see [this solution](https://stackoverflow.com/a/66422985).
> It occurs that optional chaining won’t be supported by Webpack 4 alone, however, it is already supported in Webpack 5, so if it’s possible the best course of action would be to [upgrade to Webpack 5](https://webpack.js.org/migrate/5/).
> Otherwise if you can’t update to Webpack 5, you should use Babel ([@babel/plugin-proposal-optional-chaining](https://babeljs.io/docs/en/babel-plugin-proposal-optional-chaining)) or TypeScript compiler (`target` at most `ES2019`) for optional chaining transpilation.
---
### Author:  [@Francisco\_Shryock](https://community.cesium.com/u/Francisco_Shryock)
#### Post date: [October 6, 2023, 11:37pm UTC](https://community.cesium.com/t/having-loader-issues-with-cesium-models/26833/4 "2023-10-06T23:37:10Z")
Thank you for the reply!
Do you have any documentation for Cesium ion on webTAK?
I’m a developer on TAK products such as webTAK and ATAK and would love to be able to get 3Dtiles of buildings using the google api along with Cesium but I’m not sure how to call and render the information….
Hope you can guide me!?
I tried the example code you have on the cesium site and I have both tokens, cesium and google, but the example code does not even allow me to render the buildings.
---
### Author:  [@Gabby\_Getz](https://community.cesium.com/u/Gabby_Getz)
#### Post date: [October 20, 2023, 7:10pm UTC](https://community.cesium.com/t/having-loader-issues-with-cesium-models/26833/5 "2023-10-20T19:10:44Z")
No specific info about webTAK or ATAK. But id you provide additional info like code examples, we can help troubleshoot.