我正在尝试进行测试以正确使用 SASS,我想创建一个文件 style.css 并将该文件缩小为 style.min.css
sass --watch sass/style:css --style compressed
Run Code Online (Sandbox Code Playgroud)
这很好用,但我需要同时进行编译和缩小的自动化过程。
我在其他 stackoverflow 中找到了这段代码:
sass --watch sass/style.scss:css/style.css --watch css/style.css:css/style.min.css --style compressed --scss
Run Code Online (Sandbox Code Playgroud)
但现在不按我想要的方式工作。同样在 Sass 网页上,2020 年的代码也有所不同。
https://sass-lang.com/documentation/cli/dart-sass#style
我不使用 gulp 工具,因为我认为它对于 Wordpress 项目不是必需的。
有人可以帮助我吗?
我知道这可能是一个简单的问题,但我很好奇为什么每次从 github 存储库中提取时都必须删除 node_modules 文件夹。当我从存储库中拉取后尝试执行“npm start”时,收到以下错误,删除 node_modules 文件夹并执行“npm install”后,问题暂时得到解决。
sh: react-scripts: command not found
npm ERR! code ELIFECYCLE
npm ERR! syscall spawn
npm ERR! file sh
npm ERR! errno ENOENT...
Run Code Online (Sandbox Code Playgroud)
我注意到该文件夹也显示为推送时所做更改的一部分(约 2,800 个文件)。在这种情况下,我是否需要忽略 node_modules 文件夹(.gitignore)以阻止这种情况发生?任何关于为什么会发生这种情况的解释也很酷,仅供我参考。
预先非常感谢您。
我使用反应管理和打字稿。
我更喜欢使用strict类型检查。所以当我运行时tsc,react admin 向我显示一个implicitly any错误。
虽然我用了"skipLibCheck": true,但是还是报错了。我该如何修复它?
node_modules/ra-core/src/auth/useCheckAuth.ts:101:26 - error TS7006: Parameter 'error' implicitly has an 'any' type.
101 const getErrorMessage = (error, defaultMessage) =>
~~~~~
Run Code Online (Sandbox Code Playgroud)
下面是我的 tsconfig 文件。
{
"compilerOptions": {
"baseUrl": ".",
"target": "es5",
"lib": ["dom", "dom.iterable", "esnext"],
"allowJs": true,
"skipLibCheck": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"noEmit": true,
"esModuleInterop": true,
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"jsx": "preserve",
"paths": {
"@components/*": ["components/*"],
"@styles/*": ["styles/*"],
"@lib/*": ["lib/*"],
"@pages/*": ["pages/*"] …Run Code Online (Sandbox Code Playgroud) 我使用sharpand webpackwithnode-loader但出现此错误:
D:\\Downloads\\__projects\\dev\\NodeJs\\@eng-dibo\\ngx\\dist\\cms\\core\\server\\express.js:150011\n throw new Error(error);\n ^\n\nError:\nSomething went wrong installing the "sharp" module\n\nnode-loader:\nError: The specified module could not be found.\nD:\\Downloads\\__projects\\dev\\NodeJs\\@eng-dibo\\ngx\\dist\\cms\\core\\server/33c1e48f049ce3285905e286d212a201.node\n\n- Remove the "node_modules/sharp" directory then run\n "npm install --ignore-scripts=false --verbose" and look for errors\n- Consult the installation documentation at https://sharp.pixelplumbing.com/install\n- Search for this error at https://github.com/lovell/sharp/issues\n\n at Object.EmBj (D:\\Downloads\\__projects\\dev\\NodeJs\\@eng-dibo\\ngx\\dist\\cms\\core\\server\\express.js:150011:9)\n at __webpack_require__ (D:\\Downloads\\__projects\\dev\\NodeJs\\@eng-dibo\\ngx\\dist\\cms\\core\\server\\express.js:27:30)\n at Object.Tbcg (D:\\Downloads\\__projects\\dev\\NodeJs\\@eng-dibo\\ngx\\dist\\cms\\core\\server\\express.js:251632:15)\n at __webpack_require__ (D:\\Downloads\\__projects\\dev\\NodeJs\\@eng-dibo\\ngx\\dist\\cms\\core\\server\\express.js:27:30)\n at Module.dMKD (D:\\Downloads\\__projects\\dev\\NodeJs\\@eng-dibo\\ngx\\dist\\cms\\core\\server\\express.js:324313:63)\n at __webpack_require__ (D:\\Downloads\\__projects\\dev\\NodeJs\\@eng-dibo\\ngx\\dist\\cms\\core\\server\\express.js:27:30)\n at Module.mWHM (D:\\Downloads\\__projects\\dev\\NodeJs\\@eng-dibo\\ngx\\dist\\cms\\core\\server\\express.js:405859:77)\n at __webpack_require__ (D:\\Downloads\\__projects\\dev\\NodeJs\\@eng-dibo\\ngx\\dist\\cms\\core\\server\\express.js:27:30)\n at Module.WXK/ (D:\\Downloads\\__projects\\dev\\NodeJs\\@eng-dibo\\ngx\\dist\\cms\\core\\server\\express.js:271250:65)\n at …Run Code Online (Sandbox Code Playgroud) 如何重新导出 ESM 模块中多个文件的导出内容,而不单独列出每个单独的导出内容?
我有一个 CommonJS 模块目录,其中包含许多我想要转换为 ESM 导入/导出的文件。目前,我有一个index.js包含以下内容的文件:
// this just re-exports everything that the sub-modules export
module.exports = [
'./mapConcurrent.js',
'./deferred.js',
'./utils.js',
'./rateMap.js',
'./concurrency.js',
'./retry.js',
].reduce((obj, file) => {
const m = require(file);
Object.assign(obj, m);
return obj;
}, {});
Run Code Online (Sandbox Code Playgroud)
这会重新导出模块目录中所有文件的所有导出,以便该模块的客户端只需导入一个文件并获取所有文件的所有入口点,而无需知道哪个入口点位于哪个文件中等等在。这对于 CommonJS 来说效果很好。
如何在 ESM 模块世界中完成类似的事情,而无需显式命名所有子文件中的每个导出?
我正在使用 CDK 通过 API Gateway、Lambda 和 DynamoDB 创建一个简单的无服务器项目。到目前为止看起来很酷,但是当我向 Lambda 添加外部依赖项时出现以下错误:
"Runtime.ImportModuleError: Error: Cannot find module './uuid-random'",
Run Code Online (Sandbox Code Playgroud)
为了清楚起见,我并不是在问这个错误的问题是什么,因为这是有详细记录的。我正在寻求帮助,因为到目前为止我尝试压缩依赖项失败了。
我已经做了研究,而且我并不是唯一遇到这种情况的人。然而,我有点困惑该走哪条路。我需要捆绑我的依赖项,但到目前为止,所有示例对于我正在做的事情来说都相当复杂,并且没有一个示例适合。我还看到了使用的建议fromAsset,但这也不起作用(cdk部署刚刚挂起)。因此,我非常感谢任何帮助解决这个看似简单的问题的帮助。TIA。
项目结构:
bin/
cdkProject.js
handlers/
api.js
lib/
cdkProject-stack.js
node_modules/
test/
.gitignore
cdk.json
package.json
tsconfig.json
Run Code Online (Sandbox Code Playgroud)
Lambda (api.js)
const AWS = require("aws-sdk");
const db = new AWS.DynamoDB;
const TABLE_NAME = process.env.TABLE_NAME || "";
const PRIMARY_KEY = process.env.PRIMARY_KEY || "";
const uuid = require('./uuid-random');
async function postProduct(event) {
const params = {
TableName: TABLE_NAME,
Item: {
"id": {
S: uuid()
},
"name": {
S: …Run Code Online (Sandbox Code Playgroud) 我正在尝试使用 React 应用程序添加 Tailwind CSS。我遵循顺风文档,如何使用反应设置顺风。
我尝试使用 tailwind 最新版本。我检查了 Nodejs 和 npm 是否安装完美。
但是当我运行它时npm run start总是出现错误。我无法解决这个问题。
包.json
{
"name": "tailwind-css",
"version": "0.1.0",
"homepage": "",
"private": true,
"dependencies": {
"@craco/craco": "^6.1.2",
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.5.0",
"@testing-library/user-event": "^7.2.1",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-router-dom": "^5.2.0",
"react-scripts": "^4.0.3"
},
"scripts": {
"start": "craco start",
"build": "craco build",
"test": "craco test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"engines": {
"npm": "6.14.6",
"node": "12.18.4"
},
"browserslist": {
"production": [
">0.2%",
"not dead", …Run Code Online (Sandbox Code Playgroud) 我在新项目中开始使用 Alpine.js v3 时遇到问题。这是我的 package.json 和 Alpine 设置:
"devDependencies": {
"laravel-mix": "^6.0.19"
},
"dependencies": {
"alpinejs": "^3.0.6"
}
Run Code Online (Sandbox Code Playgroud)
import Alpine from 'alpinejs'
window.Alpine = Alpine
window.Alpine.start()
Alpine.data('demo', () => ({
open: false,
toggle() {
this.open = !this.open
}
}))
Run Code Online (Sandbox Code Playgroud)
驱动此标记:
<!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>Demo</title>
<script src="assets/app.js"></script>
</head>
<body>
<div x-data="demo">
<button @click="toggle">Expand</button>
<div x-show="open">Content...</div>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我使用 laravel-mix 构建我的 javascript:
// webpack.mix.js
let mix = …Run Code Online (Sandbox Code Playgroud) 我遇到一个错误,提示名为“argon2”的包的“无效的 ELF 标头”。通过无服务器框架将我的代码上传到 AWS Lambda 时。代码在本地运行时完美运行。
MacOS Big Sur 版本 11.4 上的开发
我对这个错误进行了一些研究,人们说使用 Docker 来编译包,然后发送到 Lambda。我没有太多使用 Docker,并且想在尝试 docker 解决方案之前探索其他选项。
任何指导或帮助将不胜感激!我已经被这个错误困扰了一两天了。
amazon-web-services node.js node-modules aws-lambda argon2-ffi
所以我正在学习如何使用discord.js 在discord 上制作机器人
这是我的bot.js
require("dotenv").config();
const { Client } = require('discord.js');
const client = new Client();
client.login(process.env.DISCORD_TOKEN_KEY);
Run Code Online (Sandbox Code Playgroud)
这是我的package.json文件:
{
"name": "aibot",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "node ./src/bot.js",
"dev": "nodemon ./src/bot.js"
},
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
"discord.js": "^13.2.0",
"dotenv": "^10.0.0"
}
}
Run Code Online (Sandbox Code Playgroud)
所以当我运行时node ./src/bot.js
我收到此错误:
PS E:\RIYA\AIBOT> node -v
v14.18.0
PS E:\RIYA\AIBOT> node ./src/bot.js
E:\RIYA\AIBOT\node_modules\discord.js\src\rest\APIRequest.js:33
agent ??= new https.Agent({ …Run Code Online (Sandbox Code Playgroud) node-modules ×10
node.js ×7
javascript ×4
reactjs ×3
aws-lambda ×2
alpine.js ×1
argon2-ffi ×1
aws-cdk ×1
css ×1
discord ×1
discord.js ×1
es6-modules ×1
git ×1
github ×1
laravel-mix ×1
react-admin ×1
sass ×1
sharp ×1
tailwind-css ×1
tsc ×1
typescript ×1
webpack ×1