导入路径不能以“.ts”扩展名结尾。考虑导入'src/theme.js'

Posted 2023-02-19

【中文标题】导入路径不能以“.ts”扩展名结尾。考虑导入\'src/theme.js\'

【英文标题】：An import path cannot end with a '.ts' extension. Consider importing 'src/theme.js'导入路径不能以“.ts”扩展名结尾。考虑导入'src/theme.js'

【发布时间】：2021-09-20 15:40:31

【问题描述】：

所以这个错误对我来说有点神秘，我无法弄清楚如何解决它。

我有一个theme.ts 文件，大致如下所示：

import  AgnosticStyles, ThemeParameters  from 'styled-components';
import  createTheme  from '@material-ui/core/styles';

const agnosticStyles: AgnosticStyles = 
  font: 
    weight: 
      light: '300',
      normal: '400',
      bold: '600',
    ,
  ,
;
...
// more themes

const defaultTheme = 
  lightTheme,
  darkTheme,
;

export default defaultTheme;

在我的Button.stories.txs 文件中，当我尝试导入它时以同样的方式导入其他所有内容...我在故事书中收到以下错误：

好的，所以我想我需要写theme.ts，但这有两件事。一，它会产生如下所示的错误，二，它会破坏 VsCode TS 附带的智能感知。

---

如何修复我的Button.stories.tsx 文件，以便消除导入路径错误，我可以导入为src/theme？

【参考方案1】：

在您的tsconfig.json 中包含您的*.tsx 文件：

  "compilerOptions": 
    // ....
  ,
  "include": ["**/*.ts", "**/*.tsx"],
  "exclude": ["node_modules"]

【讨论】：

您好，当前的tsconfig 看起来像这样："include": ["**/*.ts", "**/*.tsx", "next-env.d.ts", "next.config.js"]

@kevin 你关闭/重新打开 vsCode 了吗？有时它不会选择新的选项，直到你这样做......

好建议，完全关闭VScode并重新启动程序。不幸的是，错误仍然存​​在。

如果我将导入留在我的Button.stories.tsx 文件中，如下所示：import defaultTheme from 'src/theme'; 我仍然可以成功构建/运行我的开发环境，但是我的故事书环境失败（上面的第一个屏幕截图）...不要'不知道这是否会缩小范围。

@kevin 起初误读 - 只需删除 .ts。改为import defaultTheme from './src/theme';