GVKun编程网logo

从 angular 6 的 app.module.ts 文件中的 assets/custome.js 文件中读取值(angular读取json文件)

2

对于想了解从angular6的app.module.ts文件中的assets/custome.js文件中读取值的读者,本文将是一篇不可错过的文章,我们将详细介绍angular读取json文件,并且为您

对于想了解从 angular 6 的 app.module.ts 文件中的 assets/custome.js 文件中读取值的读者,本文将是一篇不可错过的文章,我们将详细介绍angular读取json文件,并且为您提供关于$ ng g s 服务/数据 --module=app.module、.Net Core NUnit 测试项目无法使用 CopyToOutputDirectory 从 appconfig.json 文件中读取值、/resources/js/common.js 文件如何从 .env 文件中读取值?、ActionController :: RoutingError没有路由与[GET]“ / vendor / assets / stylesheets / bootstrap.min.css”匹配 app / assets / stylesheets / application.css: app / assets / javascript / application.js: app / views / layout / application.html.erb: app / j的有价值信息。

本文目录一览:

从 angular 6 的 app.module.ts 文件中的 assets/custome.js 文件中读取值(angular读取json文件)

从 angular 6 的 app.module.ts 文件中的 assets/custome.js 文件中读取值(angular读取json文件)

如何解决从 angular 6 的 app.module.ts 文件中的 assets/custome.js 文件中读取值

我正在尝试从 app.module.ts 文件中的文件 src/assets/custome.js 读取值。

Custome.js 文件内容如下

  1. class Custome {
  2. constructor() {
  3. console.log(" Default custome attributes!");
  4. }
  5. hasCustomizedColumn() {
  6. return false;
  7. }
  8. }
  9. cCustome = new Custome();

我需要根据我需要调用 app.module 中的 app.routing.module.ts 文件的值来验证 hasCustomizeColumn 是真还是假

  1. imports: [ (hasCustomizedColumn)?AppRoutingModule:TempAppRoutingModule ]

谁能告诉我如何在 app.module 文件中调用外部 js 文件以获取标志来设置路由值?

$ ng g s 服务/数据 --module=app.module

$ ng g s 服务/数据 --module=app.module

如何解决$ ng g s 服务/数据 --module=app.module

上面的代码不起作用并显示以下错误未知选项:''--module''。 我什至在没有 ''='' 和 ''.module'' 的情况下尝试过它,但它仍然无法正常工作。

.Net Core NUnit 测试项目无法使用 CopyToOutputDirectory 从 appconfig.json 文件中读取值

.Net Core NUnit 测试项目无法使用 CopyToOutputDirectory 从 appconfig.json 文件中读取值

如何解决.Net Core NUnit 测试项目无法使用 CopyToOutputDirectory 从 appconfig.json 文件中读取值

我有一个 NUnit 测试项目,我创建了配置文件 (appconfig.json) 并设置了 copy to Output Directory:

enter image description here

检查.csproj:

  1. <Content Include="Properties/appconfig.json">
  2. <copyToOutputDirectory>Always</copyToOutputDirectory>
  3. </Content>
  4. <Content Include="Properties/launchSettings.json">
  5. <copyToOutputDirectory>Always</copyToOutputDirectory>
  6. </Content>
  7. </ItemGroup>

然后我创建了一个 ConfigReader 类来从 appconfig.json 文件中获取配置:

  1. public class ConfigReader
  2. {
  3. public static string GetSetting(string key)
  4. {
  5. IConfiguration configuration = new ConfigurationBuilder().AddJsonFile("appconfig.json",true,true).Build();
  6. return configuration["Config:" + key].ToString();
  7. }
  8. }

而且我总是收到如下错误:

System.NullReferenceException: ''未将对象引用设置为 一个对象的实例。 Microsoft.Extensions.Configuration.IConfiguration.this[string].get 返回空值。

谁能帮我解决这个问题?非常感谢!

解决方法

您需要手动更新您的 csproj 以保留我相信的最新版本。我可以在明天早上确认这一点,因为我遇到了完全相同的问题。这与 csproj 文件有关。

,

想通了。需要手动将配置文件放到调试文件夹中。

,

如果在调试模式下运行,当 CopyToOutputDirectory 属性设置为 Always 或 PreserveNewest 时,以下子文件夹是配置文件被复制/替换到的位置:

  1. \\bin\\Debug\\netcoreapp3.1\\

如果您将 CopyToOutputDirectory 选项设置为 Always,那么配置文件将始终将配置文件从项目文件夹复制到输出文件夹中。

如果将 CopyToOutputDirectory 选项设置为 PreserveNewest,那么如果项目文件夹中的配置文件的时间戳较新,则配置文件会将输出文件夹中的配置文件替换为项目文件夹中的配置,否则不会替换输出中的配置文件 文件夹。

这就是它对我有用的方式。

/resources/js/common.js 文件如何从 .env 文件中读取值?

/resources/js/common.js 文件如何从 .env 文件中读取值?

如何解决/resources/js/common.js 文件如何从 .env 文件中读取值?

在我的 laravel 8 vuejs 2.6 中,我有一个带有 OAuth 客户端 ID 的 js 文件 /resources/js/common.js:

  1. import Vue from "vue";
  2. import axios from "axios";
  3. import $ from "jquery";
  4. import { initFbsdk } from "./fb.js";
  5. import { LoaderPlugin } from "vue-google-login";
  6. import "../../public/frontassets/js/mmenu.min.js";
  7. Vue.use(LoaderPlugin,{
  8. client_id:
  9. "NNNNNNN-NNNN.apps.googleusercontent.com"
  10. });

由于这个 OAuth 客户端 ID 在我的本地操作系统和 DEV/LIVE 服务器上必须不同,我想知道是否有办法 从 laravel 的 .env 文件中读取这个,这在任何操作系统上都不同?

这个 /resources/js/common.js 不包含在 webpack.mix.js 文件中。

谢谢!

解决方法

由于您使用的是 Laravel,我假设您使用 Mix 构建您的 Javascript。

Mix 支持从 .env 读取值,只要您为它们加上 MIX_ 前缀即可。

有关更多信息,请参阅 Laravel 文档:https://laravel.com/docs/8.x/mix#environment-variables

如果您不想在变量前加上 MIX_ 前缀,有一个 webpack 插件可以让您阅读完整的 .env 文件: https://github.com/mrsteele/dotenv-webpack

文档中还有一节介绍了如何包含自定义 webpack 配置: https://laravel.com/docs/8.x/mix#custom-webpack-configuration

ActionController :: RoutingError没有路由与[GET]“ / vendor / assets / stylesheets / bootstrap.min.css”匹配 app / assets / stylesheets / application.css: app / assets / javascript / application.js: app / views / layout / application.html.erb: app / j

ActionController :: RoutingError没有路由与[GET]“ / vendor / assets / stylesheets / bootstrap.min.css”匹配 app / assets / stylesheets / application.css: app / assets / javascript / application.js: app / views / layout / application.html.erb: app / j

如何解决ActionController :: RoutingError没有路由与[GET]“ / vendor / assets / stylesheets / bootstrap.min.css”匹配 app / assets / stylesheets / application.css: app / assets / javascript / application.js: app / views / layout / application.html.erb: app / j

我正在Rails上执行此应用程序,页面加载正常,但在控制台中显示:

Started GET "/vendor/assets/stylesheets/bootstrap.min.css" for ::1 at 2020-08-17 09:09:51 -0500

Started GET "/vendor/assets/javascripts/bootstrap.min.js" for ::1 at 2020-08-17 09:09:51 -0500
ActionController::RoutingError (No route matches [GET] 
"/vendor/assets/stylesheets/bootstrap.min.css"):
ActionController::RoutingError (No route matches [GET] 
"/vendor/assets/javascripts/bootstrap.min.js"):

在我的供应商文件夹中,我同时拥有文件夹,javascript和样式表,并分别位于各自的bootsrtrap.min中。 即使在application.html.erb中,我也有以下内容:

  <link href="vendor/assets/stylesheets/bootstrap.min.css" rel="stylesheet">
  <%= csrf_Meta_tags %>
  <%= stylesheet_link_tag    ''application'',media: ''all'',''data-turbolinks-track'': ''reload'' %>
  <%= javascript_include_tag ''application'',''data-turbolinks-track'': ''reload'' %>

</head>
<body>

  <!-- Navigation -->
  <nav>
    <div>
      <ahref="#">Instagram Clone</a>
      <buttontype="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
        <span></span>
      </button>
      <divid="navbarResponsive">
        <ul>
          <li>
            <ahref="#">Home
              <span>(current)</span>
            </a>
          </li>
          <li>
            <ahref="#">About</a>
          </li>
          <li>
            <ahref="#">Services</a>
          </li>
          <li>
            <ahref="#">Contact</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>

  <!-- Page Content -->
  <div>
    <div>
      <div>
        <%= yield %>
      </div>
    </div>
  </div>

  <!-- Bootstrap core JavaScript -->
  <!--<script src="vendor/jquery/jquery.slim.min.js"></script>-->
  <script src="vendor/assets/javascripts/bootstrap.min.js"></script>
    
</body>
</html>

在js和CSS这两个应用程序文件中,我都放置了“ require bootsrtrap.min”,即使该错误仍然出现在控制台中。 会是什么?

解决方法

RoR不使用目录作为文件夹结构指示。因为有资产装载者。您应该将5s或更少的css导入application.css中,并将js导入application.js中。并使用自己的助手添加捆绑文件:

1。用纱安装靴子

yarn add bootstrap @popperjs/core jquery

npm i bootstrap @popperjs/core jquery

栏位不超过5

2。在Assets Pipeline中导入文件

app / assets / stylesheets / application.css:

//...
require bootstrap/dist/css/bootstrap.min
//...

但是,如果需要,我建议使用SCSS并仅导入所需的样式。

app / assets / javascript / application.js:

//...
//= require jquery
//= require @popperjs/core
//= require bootstrap/dist/js/bootstrap.min
//...

3。在布局中导入资产

app / views / layout / application.html.erb:

<head>
...
  <%= stylesheet_link_tag ''application'',media: ''all'' %>
</head>
<body>
...
  <%= javascript_include_tag ''application'' %>
</body>

使用webpack滚动6

2。在application.scss和application.js中导入Bootstrap

app / javascript / stylesheets / application.scss:

//...
import ''bootstrap''
//...

app / javascript / packs / application.js:

import ''jquery''
import ''popper.js''
import ''bootstrap''
import ''../stylesheets/application''

3。在布局中导入捆绑包

<head>
...
  <%= stylesheet_pack_tag ''application'',media: ''all'',''data-turbolinks-track'': ''reload'' %>
  <%= javascript_pack_tag ''application'',''data-turbolinks-track'': ''reload'' %>
</head>

之后,您应该可以在所有应用程序中使用引导程序!

,

[解决方案]因此,在我的HTML(application.html.erb)内部,我有两个对js和css文件的调用:

<script src="assets/javascripts/bootstrap.min.js"></script>
  <%= javascript_include_tag ''application'',''data-turbolinks-track'': ''reload'' %>       
<link href="assets/stylesheets/bootstrap.min.css" rel="stylesheet">
  <%= csrf_meta_tags %>
  <%= stylesheet_link_tag    ''application'',''data-turbolinks-track'': 
  ''reload'' %>

正如您在上面看到的那样,在使用javascript的情况下,我有一个使用脚本的调用,而另一个使用了的调用,两者都造成了问题,所以您只需要评论一个,我就对该脚本进行评论对于我的java文件和CSS文件,一个。 像这样:

  <!--<link href="assets/stylesheets/bootstrap.min.css" rel="stylesheet">-->
    <!--<script src="assets/javascripts/bootstrap.min.js"></script>-->

对我来说,解决了这个问题,我真的尝试了所有事情,这就是解决方案哈哈。

我们今天的关于从 angular 6 的 app.module.ts 文件中的 assets/custome.js 文件中读取值angular读取json文件的分享已经告一段落,感谢您的关注,如果您想了解更多关于$ ng g s 服务/数据 --module=app.module、.Net Core NUnit 测试项目无法使用 CopyToOutputDirectory 从 appconfig.json 文件中读取值、/resources/js/common.js 文件如何从 .env 文件中读取值?、ActionController :: RoutingError没有路由与[GET]“ / vendor / assets / stylesheets / bootstrap.min.css”匹配 app / assets / stylesheets / application.css: app / assets / javascript / application.js: app / views / layout / application.html.erb: app / j的相关信息,请在本站查询。

本文标签:

上一篇如何使用 roslib 依赖项将 Flutter App 与任何其他设备连接?(flutter 依赖冲突)

下一篇Windows Phone 8 – GetGeopositionAsync不返回