相关疑难解决方法(0)

使用 Create React App 和 TypeScript 进行 Jest 测试时的isolatedModules 错误?

我已经使用 --typescript 启动了一个 Create React App 项目。当我编写测试时,出现编译器错误:

// something-test.tsx
test('something', ()=>{
  expect(1).toBe(1)
})
Run Code Online (Sandbox Code Playgroud)

错误是:

TS1208:当提供“--isolatedModules”标志时,所有文件都必须是模块。

从谷歌搜索我认为修复是创建一个 jest.config.tsx :

module.exports = {
  roots: ["<rootDir>/src"],
  transform: {
    "^.+\\.tsx?$": "ts-jest"
  },
  testRegex: "(/__tests__/.*|(\\.|/)(test|spec))\\.tsx?$",
  moduleFileExtensions: ["ts", "tsx", "js", "jsx", "json", "node"]
};
Run Code Online (Sandbox Code Playgroud)

然而这并没有什么区别。

typescript jestjs create-react-app

25
推荐指数
1
解决办法
2万
查看次数

将git信息添加到create-react-app

在开发中,我希望能够从Web上看到构建信息(git commit hash,author,last commit message等).我试过了:

  • 使用child_process执行git命令行,并读取结果(因为浏览器环境不起作用)
  • 在文件期间生成buildInfo.txt文件npm build并从文件中读取(不起作用,因为fs在浏览器环境中也不可用)
  • 使用外部库,如"git-rev"

剩下要做的唯一事情似乎是做npm run eject和应用https://www.npmjs.com/package/git-revision-webpack-plugin,但我真的不想弹出create-react-app.有人有任何想法吗?

git node.js create-react-app

22
推荐指数
5
解决办法
4600
查看次数

我可以用作 webpack 配置的 es-modules 吗?

我正在使用节点 13.4.0。带有 es 模块(通过 .mjs 扩展)。

使用 webpack 配置文件作为 es 模块崩溃:

Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: /path-to-config-dir/webpack.config.mjs
Run Code Online (Sandbox Code Playgroud)

最简单的 es 模块webpack.config.mjs

export default {};
Run Code Online (Sandbox Code Playgroud)

webpack 是否支持配置文件的 es-modules?我找不到关于该主题的大量信息。我发现了这个(一个问题已于 2019 年 6 月关闭):

https://github.com/webpack/webpack/pull/9226

所以我想知道关于 mjs 的 webpack 配置文件的状态。任何人都可以指点我一些关于这方面的文件吗?

node.js webpack es6-modules

11
推荐指数
1
解决办法
1193
查看次数

使用默认 Next.js 开发服务器代理到后端

之前,当我使用 create-react-app 制作应用程序时,我会有一个setupProxy.js文件来路由与此类似的 API 请求

const proxy = require('http-proxy-middleware');
module.exports = function(app) {
    app.use('/api',
        proxy({
            target: 'http://localhost:8000',
            changeOrigin: true,
        })
    );
};
Run Code Online (Sandbox Code Playgroud)

但这似乎不适用于 next.js。当我做同样的事情时,我会遇到各种错误。

谷歌搜索解决方案,很多人说使用某种自定义服务器。但是我将如何使用默认的 nextjs 开发服务器完成像上面这样的代理?(相当于我的 package.json 中的npm run devwhendevnext dev.

javascript node.js reactjs next.js

11
推荐指数
3
解决办法
2万
查看次数

如何获得对打字稿友好的 serviceworker 注册对象?

self.addEventListener('push', function(event:any) {
  console.log('Push event!! ', event)
  
  if (event.data) {
    console.log('This push event has data: ', event.data.text());
  } else {
    console.log('This push event has no data.');
  }

  
  const promiseChain = showLocalNotification('Yolo', event.toString(), self.registration);

  event.waitUntil(promiseChain);
  
})
Run Code Online (Sandbox Code Playgroud)

这里的线路 const promiseChain = showLocalNotification('Yolo', event.toString(), self.registration); 抱怨self.registration

Property 'registration' does not exist on type 'Window & typeof globalThis'.ts(2339)
Run Code Online (Sandbox Code Playgroud)

我该如何解决?这里的任何指针将不胜感激。

在我的 tsconfig 中,我已经在使用domlib 选项。

"lib": [ "es2015" , "dom"],

typescript service-worker

1
推荐指数
2
解决办法
671
查看次数

遵循 Cypress 官方教程会导致“compiled under '--isolatedModules'”错误

我是一名完全的赛普拉斯新手,正在努力完成您的第一个应用程序教程的出色测试。然而,我在第三部分开始遇到一些编译器问题。

我已按照说明创建了自定义命令,但收到以下编译器错误:

在此输入图像描述

这篇Stack Overflow 文章似乎建议添加export {}到我的文件中。

如果我这样做,编译器错误会在文件中消失commands.ts,但会导致在另一个文件中引入相同的错误。如果我添加同一export {}行,则会将错误推送到新文件。重复循环几次后,最终我得到了这个错误:

在此输入图像描述

有人可以为我提供针对初学者的任何帮助吗?我正在努力知道如何取得进展,并且到目前为止已经取得了良好的进展

typescript cypress

1
推荐指数
1
解决办法
1204
查看次数