0

每次运行 CRA 应用程序时都会出现以下错误，但一切运行正常：

Compiling...
Files successfully emitted, waiting for typecheck results...
Compiled with warnings.

./src/app/theme/colors.module.scss.d.ts 4:12
Module parse failed: Unexpected token (4:12)
File was processed with these loaders:
 * ./node_modules/@pmmmwh/react-refresh-webpack-plugin/loader/index.js
 * ./node_modules/react-scripts/node_modules/babel-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.
| $RefreshSetup$(module.id);
| 
> const colors;
| export default colors;
|

Search for the keywords to learn more about each warning.
To ignore, add // eslint-disable-next-line to the line before.

这是罪魁祸首文件：

export interface AppColors {
    background: string;
    primary: string;
    secondary: string;
}

const colors: AppColors;

export default colors;

它允许我在我的 Typescript 文件中重新使用我的 SCSS/SASS 变量。

怎么了？

4

2 回答 2

1

尝试将文件内容替换为：

声明模块 'AppColors' { 导出接口 AppColors { 背景：字符串；主要：字符串；次要：字符串；} 出口 = AppColors }

您不能在 d.ts 文件中定义变量

（抱歉没有格式化代码 - 从单元格写入）

于 2021-01-30T12:49:20.887 回答
1

最后我只需要更换

const colors: AppColors;

和

declare const colors: AppColors;

于 2021-01-30T13:04:39.207 回答