apptools-lab / AppWorks

🐻 基于 VS Code 插件的前端研发工具集,站点国内镜像:https://apptools.gitee.io
https://appworks.site/
MIT License
992 stars 180 forks source link

我用AppWorks添加了一个带操作区域的表格,样式文件因为缺少变量报错了,有人遇到过这个问题吗? #1012

Open redshade opened 2 years ago

redshade commented 2 years ago

页面代码

import React from 'react';
import SingleTreeTable from './components/SingleTreeTable';
import ActionTable from './components/ActionTable';

const Demo = () => {
  return (
    <div>
      <h1>Demo1</h1>
      <h2>{ process.env.NODE_ENV === 'development' ? '测试' : '生产' }环境</h2>
      <SingleTreeTable />
      <ActionTable /> 
    </div>
  );
}

export default Demo;

出问题的区块是ActionTable(fusion组件),报错提示如下:

[vite] Internal server error: Undefined variable.
   ╷
32 │     border-radius: $corner-1;
   │                    ^^^^^^^^^
   ╵
  src\pages\Demo\components\ActionTable\index.module.scss 32:20  root stylesheet
  Plugin: vite:css
  File: D:\code\react\ice_fusion_pro\src\pages\Demo\components\ActionTable\index.module.scss       
  Error: Undefined variable.
     ╷
  32 │     border-radius: $corner-1;
     │                    ^^^^^^^^^
     ╵
    src\pages\Demo\components\ActionTable\index.module.scss 32:20  root stylesheet
      at Object._newRenderError (D:\code\react\ice_fusion_pro\node_modules\sass\sass.dart.js:13174:19)

截图如下

报错截图