diff --git a/compiler/src/component_map.ts b/compiler/src/component_map.ts
index cc9dc4a..c8c3900 100644
--- a/compiler/src/component_map.ts
+++ b/compiler/src/component_map.ts
@@ -47,6 +47,8 @@ export const GESTURE_ATTRS: Set<string> = new Set([
   'gesture', 'parallelGesture', 'priorityGesture'
 ]);
 
+export const ID_ATTRS: Map<string, Set<string | number>> = new Map();
+
 export const forbiddenUseStateType: Set<string> = new Set(['Scroller', 'SwiperScroller',
   'VideoController', 'WebController', 'CustomDialogController', 'SwiperController',
   'TabsController', 'CalendarController', 'AbilityController', 'XComponentController',
diff --git a/compiler/src/process_component_build.ts b/compiler/src/process_component_build.ts
index 79e6a03..ab45745 100644
--- a/compiler/src/process_component_build.ts
+++ b/compiler/src/process_component_build.ts
@@ -77,7 +77,8 @@ import {
   CUSTOM_BUILDER_PROPERTIES,
   BUILDER_MIX_EXTEND,
   BUILDER_MIX_EXTEND_RESPECTIVE,
-  BUILDER_MIX_STYLES
+  BUILDER_MIX_STYLES,
+  ID_ATTRS
 } from './component_map';
 import {
   componentCollection,
@@ -986,6 +987,39 @@ function addComponentAttr(temp: any, node: ts.Identifier, lastStatement: any,
   statements: ts.Statement[], identifierNode: ts.Identifier, log: LogInfo[],
   isStylesAttr: boolean, isGlobalStyles: boolean): void {
   const propName: string = node.getText();
+  let posOfNode: ts.LineAndCharacter;
+  let curFileName: string;
+  let line: number = 1;
+  let col: number = 1;
+  if (newsupplement.isAcceleratePreview) {
+    posOfNode = sourceNode.getLineAndCharacterOfPosition(getRealNodePos(node));
+    curFileName = newsupplement.fileName;
+    if (posOfNode.line === 0) {
+      col = newsupplement.column - 15;
+    }
+    line = newsupplement.line;
+  } else {
+    posOfNode = transformLog.sourceFile.getLineAndCharacterOfPosition(getRealNodePos(node));
+    curFileName = transformLog.sourceFile.fileName.replace(/\.ts$/, '');
+  }
+
+  if (propName === 'id') {
+    const literalString = temp.arguments[0].text;
+    const rLine: number = posOfNode.line + line;
+    const rCol: number = posOfNode.character + col;
+    const projectPath: string = projectConfig.projectPath;
+    const rPath: string = path.resolve(projectPath, curFileName).replace(/\\+/g, '/');
+    if (ID_ATTRS.has(literalString)) {
+      log.push({
+        type: LogType.ERROR,
+        message: `There should have a unique id at ${rPath} ${rLine}:${rCol}.`,
+        pos: node.pos
+      });
+    } else {
+      ID_ATTRS.set(literalString, new Set([rLine, rCol, rPath]));
+    }
+  }
+
   if (propName === ATTRIBUTE_ANIMATION) {
     if (!lastStatement.statement) {
       if (!(temp.arguments.length === 1 &&