tamani-coding / angular-azure-blob-storage-sas-example Goto Github PK

Hi ,

Could you please help me to fix this issue. I am trying to upload the images to blob conatianer . But when I trying the same I am getting the CORS policy issue.

localhost/:1 Access to XMLHttpRequest at '' from origin 'http://localhost:4200' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Thanks in Advance :) take care.

const { BlobServiceClient, AnonymousCredential, newPipeline } =require( '@azure/storage-blob');
if we use this method for import

ng serve

✔ Browser application bundle generation complete.

Initial Chunk Files | Names | Size
vendor.js | vendor | 423.91 kB
styles.css | styles | 293.69 kB
scripts.js | scripts | 232.10 kB
runtime.js | runtime | 6.15 kB
main.js | main | 2.00 kB
polyfills.js | polyfills | 678 bytes

            | Initial Total | 958.52 kB

Build at: 2024-03-30T06:32:37.265Z - Hash: 16ac084206046eac09ef - Time: 46644ms

Error: src/app/admin/training-files/training-files.component.ts:7:64 - error TS2591: Cannot find name 'require'. Do you need to install type definitions for node? Try npm i @types/node and then add node to the types field in your tsconfig.

7 const { BlobServiceClient, AnonymousCredential, newPipeline } =require( '@azure/storage-blob');

.....................................
if

import { BlobServiceClient, AnonymousCredential, newPipeline } from '@azure/storage-blob';

ng serve

✔ Browser application bundle generation complete.

Initial Chunk Files | Names | Size
vendor.js | vendor | 423.91 kB
styles.css | styles | 293.69 kB
scripts.js | scripts | 232.10 kB
runtime.js | runtime | 6.15 kB
main.js | main | 2.00 kB
polyfills.js | polyfills | 678 bytes

            | Initial Total | 958.52 kB

Build at: 2024-03-30T06:40:27.512Z - Hash: 88f6f8fa48d1fbcdee18 - Time: 49288ms

Error: node_modules/@azure/logger/dist/commonjs/index.d.ts:1:15 - error TS1005: ',' expected.

1 import { type Debugger } from "./debug.js";

node_modules/@azure/core-util/dist/commonjs/index.d.ts:1:22 - error TS1005: ',' expected.

1 export { delay, type DelayOptions } from "./delay.js";

node_modules/@azure/core-util/dist/commonjs/index.d.ts:2:15 - error TS1005: ',' expected.

2 export { type AbortOptions, cancelablePromiseRace, type AbortablePromiseBuilder, } from "./aborterUtils.js";

node_modules/@azure/core-util/dist/commonjs/index.d.ts:2:57 - error TS1005: ',' expected.

2 export { type AbortOptions, cancelablePromiseRace, type AbortablePromiseBuilder, } from "./aborterUtils.js";

node_modules/@azure/core-util/dist/commonjs/index.d.ts:3:39 - error TS1005: ',' expected.

3 export { createAbortablePromise, type CreateAbortablePromiseOptions, } from "./createAbortablePromise.js";

node_modules/@azure/core-util/dist/commonjs/index.d.ts:5:25 - error TS1005: ',' expected.

5 export { isObject, type UnknownObject } from "./object.js";
~~~~~
node_modules/@azure/core-util/dist/commonjs/index.d.ts:11:55 - error TS1005: ',' expected.

11 export { uint8ArrayToString, stringToUint8Array, type EncodingType } from "./bytesEncoding.js";