小编Dav*_*ira的帖子

反应:“反应脚本启动”找不到模块 webpack

当我什至不在此特定分支中使用 webpack 时,我都会收到此错误。我以前从未在我的分支中遇到过这个错误。但是,我想学习 webpack,所以我创建了我的项目的webpack分支并在该分支中安装 webpack(假设我在本地正确安装了 webpack)。现在,当我切换回我的main并尝试运行“ npm start”时。我陷入了这个错误。

> react-scripts start

module.js:550
    throw err;
    ^

Error: Cannot find module 'webpack'
    at Function.Module._resolveFilename (module.js:548:15)
    at Function.Module._load (module.js:475:25)
    at Module.require (module.js:597:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (C:\Users\pzheng\my-app\node_modules\webpack-dev-server\lib\Server.js:22:17)
    at Module._compile (module.js:653:30)
    at Object.Module._extensions..js (module.js:664:10)
    at Module.load (module.js:566:32)
    at tryModuleLoad (module.js:506:12)
    at Function.Module._load (module.js:498:3)
Run Code Online (Sandbox Code Playgroud)

当我尝试运行“npm run build”时,会出现此错误:

Error: Cannot find module 'webpack/lib/Chunk'
    at Function.Module._resolveFilename (module.js:548:15)
    at Function.Module._load (module.js:475:25)
    at Module.require (module.js:597:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (C:\Users\pzheng\my-app\node_modules\extract-text-webpack-plugin\dist\index.js:17:14) …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs webpack

5
推荐指数
2
解决办法
7507
查看次数

ESM 从 index.js 无法正常工作的文件夹中导入所有文件

考虑这个非常简单的项目:esm-test

Node.js v13上运行。

这个项目"type":"module"在他的package.json所以 Node.js 中默认将所有文件.js视为 ECMAScript 模块。请参阅:ECMAScript 模块 - 启用.

它具有以下非常简单的结构:

- package.json
- src/
  - stuff/
    - a.js
    - b.js
    - index.js
  - app.js
Run Code Online (Sandbox Code Playgroud)

该文件app.js是包入口点。

我的目的是stuff/使用该index.js文件从文件夹中导入所有文件。我知道在 ES6 中,在index.js文件夹中有一个文件可以让您隐式地从文件夹中执行导入,而无需index.js在导入语句中指定。

所以我可以这样做:

import { a, b } from './stuff'
Run Code Online (Sandbox Code Playgroud)

代替:

import a from './stuff/a.js'
import b from './stuff/b.js'
Run Code Online (Sandbox Code Playgroud)

但这对我不起作用。它显示以下错误:

internal/modules/esm/default_resolve.js:96
  let url = moduleWrapResolve(specifier, parentURL);
            ^

Error: Cannot find module …
Run Code Online (Sandbox Code Playgroud)

javascript node.js es6-modules

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

嵌套类的 MaterialUI 主题样式

我正在为一个应用程序创建一个主题createMuiTheme。我正在使用材料表,我需要定位当前已排序的列表标题的此图标:

在此输入图像描述

在开发者工具中观察它有以下 CSS 选择器:

.MuiTableSortLabel-root.MuiTableSortLabel-active.MuiTableSortLabel-root.MuiTableSortLabel-active .MuiTableSortLabel-icon {
    color: rgba(0, 0, 0, 0.54);
    opacity: 1;
}
Run Code Online (Sandbox Code Playgroud)

我怎样才能在这个对象中做到这一点createMuiTheme

const theme = createMuiTheme({
    overrides : {
      MuiTableSortLabel: {
        root: {
          //i want to modify the icon color
          color: blue
        }
      }
    }
})
Run Code Online (Sandbox Code Playgroud)

reactjs material-ui jss material-table

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

Cypress:防止通过动态创建和单击的链接打开新选项卡

我想测试文件下载。它是通过单击使用此函数的按钮以编程方式制作的:

export function downloadURI(uri, target) {
  const link = document.createElement('a')
  if (target) link.target = target

  link.href = uri
  link.click()
}
Run Code Online (Sandbox Code Playgroud)

问题是,当您单击cy.click()该按钮时,新选项卡将打开并且测试失败。我通过断言加载模式在单击按钮后可见(当通过 HTTP 请求生成文件时)并且在生成下载后不可见来检查下载是否成功。

如何防止此选项卡打开以便测试不会失败?

cypress

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