首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >下一个具有相对反应熔断器路径的js问题

下一个具有相对反应熔断器路径的js问题
EN

Stack Overflow用户
提问于 2021-01-30 17:04:32
回答 1查看 201关注 0票数 0

Hello。I在前端使用React Fuse,使用Nextjs运行服务器。但是Next有一个相对熔断器路径的问题,例如,相对路径@history导致模块未找到错误!有办法解决这个问题吗?

代码语言:javascript
复制
import history from '@history';
EN

回答 1

Stack Overflow用户

发布于 2021-01-30 17:18:57

自Next.js 9.5.4以来就支持它。按照nextjs文档的指示:

从Next.js 9.5.4开始,允许在应用程序中的任何地方导入node_modules文件。

对于全局样式表,如引导程序或nprogress,您应该导入页面/_app.js中的文件。例如:

代码语言:javascript
复制
// pages/_app.js
import 'bootstrap/dist/css/bootstrap.css'

export default function MyApp({ Component, pageProps }) {
  return <Component {...pageProps} />
}

用于导入第三方组件所需的CSS,您可以在组件中这样做。例如:

代码语言:javascript
复制
// components/ExampleDialog.js
import { useState } from 'react'
import { Dialog } from '@reach/dialog'
import '@reach/dialog/styles.css'

function ExampleDialog(props) {
  const [showDialog, setShowDialog] = useState(false)
  const open = () => setShowDialog(true)
  const close = () => setShowDialog(false)

  return (
    <div>
      <button onClick={open}>Open Dialog</button>
      <Dialog isOpen={showDialog} onDismiss={close}>
        <button className="close-button" onClick={close}>
          <VisuallyHidden>Close</VisuallyHidden>
          <span aria-hidden>×</span>
        </button>
        <p>Hello there. I am a dialog</p>
      </Dialog>
    </div>
  )
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65970745

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档