Как импортировать скрипт поставщика в nextjs - PullRequest
Новая
       59

Как импортировать скрипт поставщика в nextjs

0 голосов
/ 06 августа 2020

Моему приложению требуется сценарий, которого нет на npm, поэтому у меня есть файл в папке моего проекта, но как я могу использовать его в следующем приложении Js?

Я пробовал поставить сценарий в папке public, а затем используя next/head: 

<Head>
  <script type="text/javascript" src="/public/CustomEase.min.js"></script>
</Head>

, но сценарий не может быть найден.

Ответы [ 2 ]

0 голосов
/ 07 августа 2020

хммм, вот как я загружаю скрипты вендора, т.е. jQuery. Если файл ресурсов ресурса, который вы размещаете, переместите этот файл (ы) в папку Public, и тогда вы сможете получить к нему доступ по относительному пути:

примечание: важно поставить " / "поскольку Next начнет имитировать имя страницы на имя вашего пути ... особенно, когда вы выполняете Dynami c Routing, т.е. pages -> randompage -> [param].js может привести к /randompage/js/somefile.js на пути к вашему ресурсу, если вы исключите /

const Layout = ({ children }) => {
  return (
    <>
      <Head>
        <meta charSet="utf-8" />
        <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
        <link rel="icon" type="image/png" href="/favicon.png"></link>
        <title>Title Here</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
        <link rel="stylesheet" href="/css/somefile.css" />
        <script src="/js/somefile.js"></script>
      </Head>
      {children}
      <script src="/js/somefile.js"></script>
    )
}
export default Layout
0 голосов
/ 06 августа 2020

Просто используйте src="/CustomEase.min.js". Папка public - это папка root для вашего URL c publi.

...