diff --git a/packages/pipboard/src/components/Card/index.jsx b/packages/pipboard/src/components/Card/index.jsx
index 9bf688106..22c6fb853 100644
--- a/packages/pipboard/src/components/Card/index.jsx
+++ b/packages/pipboard/src/components/Card/index.jsx
@@ -5,7 +5,7 @@ const onClickItem = (url) => {
   location.href = url;
 };
 
-export default function({ items }) {
+export default function card({ items }) {
   return (
       <div className="card-wrapper">
         {items.map((item) => {
diff --git a/packages/pipboard/src/pages/Home/index.jsx b/packages/pipboard/src/pages/Home/index.jsx
index 289f412a2..e1160acfb 100644
--- a/packages/pipboard/src/pages/Home/index.jsx
+++ b/packages/pipboard/src/pages/Home/index.jsx
@@ -16,7 +16,7 @@ const items = [{
 }];
 
 
-export default function() {
+export default function home() {
   return (
     <div className="home">
         <Card items = {items} />
diff --git a/packages/pipboard/src/pages/Pipeline/PipelineInfo/components/LogView/index.jsx b/packages/pipboard/src/pages/Pipeline/PipelineInfo/components/LogView/index.jsx
index ecd155582..850d7ab72 100644
--- a/packages/pipboard/src/pages/Pipeline/PipelineInfo/components/LogView/index.jsx
+++ b/packages/pipboard/src/pages/Pipeline/PipelineInfo/components/LogView/index.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { Dialog, Tab } from '@alifd/next';
 
-export default function({ visible, setVisible, stdout, stderr }) {
+export default function logview({ visible, setVisible, stdout, stderr }) {
   return (
     <Dialog
       title="Log View"
diff --git a/packages/pipboard/src/pages/Tutorial/index.jsx b/packages/pipboard/src/pages/Tutorial/index.jsx
index dc49f9c70..85f0f4358 100644
--- a/packages/pipboard/src/pages/Tutorial/index.jsx
+++ b/packages/pipboard/src/pages/Tutorial/index.jsx
@@ -16,7 +16,7 @@ const items = [{
 }];
 
 
-export default function() {
+export default function tutorial() {
   return (
     <div className="tutorial">
       <Card items = {items} />