小编Jak*_*iri的帖子

未捕获的语法错误：意外的标记“<”

我遇到一个非常奇怪的问题。当我在浏览器中打开index.html（见下文）时，DOM 元素正确渲染，但我收到此控制台错误：

Uncaught SyntaxError: Unexpected token '<'

为了确保错误不是来自 JavaScript 中的任何代码，我清空了 JavaScript 文件，因此其中没有任何代码。所以这不是任何“code-in-javascript”相关问题，
它是什么？

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <h1>HAHAHA</h1>
  <script type="text/javascript" src="./src/index.js"></script>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

html javascript

Jak*_*iri

2021 07-20

5
推荐指数

2
解决办法

3万
查看次数

next.js 中的 apollo-client 与 `next-with-apollo` 对比 next.js 文档常见问题解答中显示的方法（不使用 `getDataFromTree`）

对比next-with-apollonpm 库中选择的“next.js 中的 apollo-client”方法和next.js 文档中显示的方法。

next.js为apollo客户端选择的方法链接：https://github.com/vercel/next.js/blob/canary/examples/with-apollo/lib/apolloClient.js

在 next.js 文档方法中：

没有使用第三方库\xc2\xa0next-with-apollo\xc2\xa0
不使用从树获取数据
此外，我发现这种方法在 next.js 中的客户端重新渲染和 apollo-client 的 SSR 内部工作更有意义、更优雅。我非常喜欢这个

next-with-apollo方法中的一些缺点

在 next-with-apollo 文档中，指出在 withApollo API 中， intialState 的参数 getDataFromTree 默认为未定义的实现，并声明“建议永远不要设置此属性，否则页面将是一个没有\ xc2\xa0自动静态优化 "
使用 get-initial-props ，出于优化原因，next.js 不推荐使用 get-initial-props\n一般情况。如果有非第三方方式并且官方建议，除非它有缺点，为什么要考虑第三方库？

看到许多人正在使用但很少看到next.js 文档中显示的方法next-with-apollo的用法，这让我非常好奇？我很好奇 next.js 文档中的方法是否有任何缺点（我强烈认为没有任何缺点）？

next.js 中显示的方法有一些缺点吗？
next-with-apollo 效率更高吗？如果是这样，为了提高效率，不选择 next.js 文档方法是明智的。我想确定，如果我拒绝 next.js 文档方法（目前我选择它），我没有做任何错误

那么客户端数据获取和服务器数据获取哪个更好地支持 CSR 和 SRR？ …

next.js apollo-client

Jak*_*iri

2021 08-21

4
推荐指数

1
解决办法

1559
查看次数

最近更新版本的“@types/node”正在创建一个错误。之前的版本运行良好

我收到这个错误

error TS2694: Namespace 'NodeJS' has no exported member 'Global'.
4 interface CustomNodeJsGlobal extends NodeJS.Global

Run Code Online (Sandbox Code Playgroud)

运行此程序时

import { PrismaClient } from "@prisma/client";

// add prisma to the NodeJS global type
interface CustomNodeJsGlobal extends NodeJS.Global {
  prisma: PrismaClient;
}

// Prevent multiple instances of Prisma Client in development
declare const global: CustomNodeJsGlobal;

const prisma = global.prisma || new PrismaClient();

if (process.env.NODE_ENV === "development") global.prisma = prisma;

export default prisma;

Run Code Online (Sandbox Code Playgroud)

这是版本的问题@types/node。
--> 与"@types/node": "^15.4.0"（我记不太清了，但是是从15（15.xx）开始的）
--> 更新到最新版本后显示错误"@types/node": "^16.3.0" …

javascript typescript prisma

Jak*_*iri

2021 07-10

3
推荐指数

1
解决办法

1373
查看次数