Сборка - не удается найти файл определения типа для «сборки». - PullRequest
Новая
       133

Сборка - не удается найти файл определения типа для «сборки».

0 голосов
/ 11 июля 2020

Я пытаюсь создать свое приложение, но это дает мне ошибку в Styled-Components, когда я пытаюсь создать, эта ошибка появляется ниже, а в моем tsconfig появляется ошибка под названием «Не удается найти файл определения типа для» build ". 

Failed to compile.

./styles/checkout.ts:32:46
Syntax error: Unterminated template

  30 |       border-radius: 15px;
  31 |       &:hover {
> 32 |         background: ${lighten(0.1, '#00BFFF')};
     |                                               ^
  33 |     }
  34 |     }
  35 |     


> Build error occurred
Error: > Build failed because of webpack errors
    at build (C:\Users\null\fodase\node_modules\next\dist\build\index.js:13:917)

Ниже приведены мои коды

.babelr c

{
  "presets": ["next/babel"],
  "plugins": [["styled-components", { "ssr": true }]]
}

tsconfig. json (skipLibCheck: Даже если я установил это вариант с True, он не блокирует ошибку) 

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "skipLibCheck": true,
    "allowJs": true,   
    "strict": false,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,   
    "isolatedModules": true,
    "jsx": "preserve"
  },
  "exclude": [
    "node_modules",
    ".next"
  ],
  "include": [ 
    "**/*.js",    
    "next-env.d.ts",
    "**/*.ts",
    "**/*.tsx"
  ]   
}

_app.ts 

import { Provider } from 'react-redux'
import { PersistGate  } from 'redux-persist/integration/react'
import { persistor, store } from '../store'
import Header from '../components/header'
import Footer from '../components/footer'
import GlobalStyle from '../styles/global'

export default function App({ Component, pageProps }) {
  return (
    <Provider store={store}>
      <PersistGate persistor={persistor}>
      <Header />
      <Component {...pageProps} />   
      <Footer />
      <GlobalStyle />
      </PersistGate>
    </Provider>
  )
}

_document.ts 

import Document from 'next/document'
import { ServerStyleSheet } from 'styled-components'

export default class MyDocument extends Document {
  static async getInitialProps(ctx) {
    const sheet = new ServerStyleSheet()
    const originalRenderPage = ctx.renderPage

    try {
      ctx.renderPage = () =>
        originalRenderPage({
          enhanceApp: (App) => (props) =>
            sheet.collectStyles(<App {...props} />),
        })

      const initialProps = await Document.getInitialProps(ctx)
      return {
        ...initialProps,
        styles: (
          <>
            {initialProps.styles}
            {sheet.getStyleElement()}
          </>
        ),
      }
    } finally {
      sheet.seal()
    }
  }
}
...