小编Ant*_*nio的帖子

短篇故事：

我正在尝试.env在我的 Flutter Web 项目中使用文件。

我flutter_dotenv之前在 Flutter 移动应用程序中使用过，但它在 Flutter web 中不起作用。

我们如何在 Flutter web 中使用 .env 文件？

很长的故事：

现在，我使用 dart 文件来保存当前的常量值，例如后端 url。

后端在这样的域中=> https://domain_for_webapp.com/api/

class Environment {

  // API URL
  static const String API_URL ='https://domain_for_webapp.com/api/';
...

但这里的问题是我还有一台服务器来部署同一个站点https://another_domain_for_webapp.com/api/ 所以我试图通过使用相对 url 来解决这个问题

class Environment {

  // API URL
  static const String API_URL ='/api/';
...

但是 Flutter web 无法为每个服务器找到正确的完整 API url。

为了解决这个问题，我一直在尝试.env像在普通的网络应用程序中一样使用。

但是我不能.env在 Flutter web 中使用。

这个问题有什么合适的解决方案吗？

我有很多 mongodb 实例文件，如下所示；

[
{ 
    "_id" : ObjectId("35d455de983c0e6a53ea0848"), 
    "createdAt" : ISODate("2019-12-05T23:25:04.347+0000"), 
    "__v" : NumberInt(0)
},
{ 
    "_id" : ObjectId("1ecbe0f75df8ccd52a7b1662"), 
    "createdAt" : ISODate("2019-12-17T12:40:53.521+0000"), 
    "__v" : NumberInt(0)
}
]

由于格式无效，我无法导入这些文件。

mongoimport --db DATABASENAME --collection COLLECTIONNAME --file filename.json --jsonArray

它说；

失败：无效的 JSON 输入。位置：16。角色：O

有没有其他方法可以导入这些文件？

如果没有，我如何将它们转换为导入？

我在 Amazon s3 存储桶中实现了上传文件，如下所示，效果很好：

  const S3 = require('aws-sdk/clients/s3');
  const AWS = require('aws-sdk');

  const accessKeyId = 'AKIAYVXDX*******';
  const secretAccessKey = 'gxZpdSDnOfpM*****************';

  const s3 = new S3({
    region: 'us-east-1',
    accessKeyId,
    secretAccessKey
  });

  s3.putObject({
      Body: 'Hello World',
      Bucket: "dev-amazon",
      Key: 'hello.txt'
    }
    , (err, data) => {
      if (err) {
         console.log(err);
      }
    });

我需要在芥末桶中实现上传文件。

我试过如下：

  const S3 = require('aws-sdk/clients/s3');
  const AWS = require('aws-sdk');
  const wasabiEndpoint = new AWS.Endpoint('s3.wasabisys.com');

  const accessKeyId = 'PEIL4DYOY*******';
  const secretAccessKey = 'D4jIz3tjJw*****************';

  const s3 = new S3({
    endpoint: wasabiEndpoint, …

我有一个div，里面有一些孩子，它直接包含如下文本：

<div id="price">
   100$
   <span>some ads</span>
   <span>another ads</span>
   for each
</div>

我想在此DOM元素中直接包含文本'100 $'。

我试着用innerHTML，innerText和textContent。但它们显示所有文本，包括如下所示的儿童文本：

<div id="price">
   100$
   <span>some ads</span>
   <span>another ads</span>
   for each
</div>

const element = document.getElementById('price');
console.log(element.innerText);
console.log(element.innerHTML);
console.log(element.textContent);

预期结果是100$（我不需要“每个”），它直接包含在父元素中的文本。这样我就可以获得价格及其货币。

注意：jquery也被允许使用。

我的最终目标是将 Flutter 移动应用程序转换为 Flutter Web 应用程序。我在 Flutter 移动应用程序中使用了flutter_svg但在 Flutter Web 应用程序中不起作用。

Flutter web 的替代插件是什么？

当我使用 chrome 在 chrome 中运行项目时出现错误flutter run -d chrome。

The following UnimplementedError was thrown during paint():
UnimplementedError

The relevant error-causing widget was:
  RawPicture
  file:///C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/flutter_svg-0.17.4/lib/svg.dart:729:22

When the exception was thrown, this was the stack:
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/errors.dart 214:49  throw_
C:/b/s/w/ir/cache/builder/src/out/host_debug/flutter_web_sdk/lib/ui/src/ui/canvas.dart 898:5                               drawPicture
packages/flutter_svg/src/render_picture.dart 193:12                                                                        paint
packages/flutter/src/rendering/object.dart 2264:7                                                                          [_paintWithContext]
packages/flutter/src/rendering/object.dart 184:12                                                                          paintChild
packages/flutter/src/rendering/proxy_box.dart 131:14                                                                       paint

或者如何在 Flutter Web 的 flutter_svg 插件中解决这个问题？

我正在尝试将这两个样式化组件合并为一个。

const CustomInput = styled.input`
    width: 150px;
    height: 100%; 
`;
const CustomTextarea = styled.textarea`
    width: 150px;
    height: 100%; 
`;

我收到这样的数据

{ '1': 'House',
  '2': 'Town Home',
  '3': 'Apartment' }

但是我需要像这样的对象数组

[{id:"1", name:"House"},{id:"2", name:"Town Home"}]