小编Tam*_*oss的帖子

我正在使用create-react-app+ typescript，并且我想添加绝对路径。

我试图达到可以使用绝对路径的程度，如下所示：

代替import x from '../../../components/shell/shell'

使用import x from '@components/shell/shell';

这是tsconfig.json文件：

{
  "extends": "./paths.json",
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "baseUrl": "src",
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react"
  },
  "include": [
    "src"
  ]
}

我使用扩展文件作为路径，因为由于某种原因npm start覆盖了该文件。paths.json文件也是如此：

{
  "compilerOptions": {
    "baseUrl": "./src",
    "paths": {
      "@": ["./src"],
      "@components/*": …

我正在尝试配置故事书以显示黑暗主题，到目前为止我还没有找到解决此问题的方法。

所以我遵循了故事书文档，并且我设置了manager.js文件，如下所示：

// .storybook/manager.js

import { addons } from '@storybook/addons';
import { themes } from '@storybook/theming';

addons.setConfig({
  theme: themes.dark,
});

我还将主题打印到控制台，所以我看到它到达了：

可能值得一提的是，当浏览器重新加载时会读取此文件，但如果我更改源代码并保存热重载则不起作用。

以下是我为.storybook/preview.js中的文档指定相同主题的方法：

// .storybook/preview.js

import React from "react";
import { appTheme } from "../src/Common/theme";
import { ThemeProvider } from "styled-components";
import { makeDecorator } from "@storybook/addons";
import { addParameters, addDecorator } from "@storybook/react";
import defaultNotes from "./general-docs.md";
import { themes } from "@storybook/theming";

export const parameters = {
  docs: {
    theme: themes.dark
  }
};

addParameters({
  notes: …