当我什至不在此特定分支中使用 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) 考虑这个非常简单的项目: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) 我正在为一个应用程序创建一个主题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) 我想测试文件下载。它是通过单击使用此函数的按钮以编程方式制作的:
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 请求生成文件时)并且在生成下载后不可见来检查下载是否成功。
如何防止此选项卡打开以便测试不会失败?
javascript ×2
reactjs ×2
cypress ×1
es6-modules ×1
jss ×1
material-ui ×1
node.js ×1
webpack ×1