我试图加载.html,.js,.css从设备的本地文件系统中的文件到本机作出反应的WebView组件.我能够获取index.html文件的路径,但将其指定为WebView 的url只会引发错误.我该怎么做?请帮忙!
我有一个外部JS文件,我想在我的React本机应用程序中作为模块导入.外部模块未处于严格模式.在运行应用程序时,模块将转换为严格模式,我收到错误,如下面的屏幕截图所示.
如何禁用位于目录中的模块的严格模式转换./lib/js/socialcalc.
我研究了以下链接:
我的外部JS文件:
var SocialCalc = require("./socialcalc/SocialCalc.js");
export function initializeApp(){
alert("Initializing...");
}
Run Code Online (Sandbox Code Playgroud)
注意:SocialCalc.js是转换为严格模式时我想忽略的文件.
我试图在我的React Native项目的WebView中包含一个外部JavaScript文件。我希望包含的文件是第三方库,无法使用npm纯JavaScript编写(No ES5或更高版本)。我需要一种解决方案,用于将我的JS文件注入到React Native项目的WebView中,而无需将其导入或使其成为npm模块。
我尝试了以下方法,但目前没有任何效果:
injectedJavaScript以下答案动态加载脚本:从JS文件链接JS文件这是我的外部AppGeneral.js:
function AppGeneral(){
alert("Ok");
}
var app = new AppGeneral();
Run Code Online (Sandbox Code Playgroud)
这是我的index.ios.js文件:
export default class sampleReactApp extends Component {
render() {
let HTML = `
<html>
<head>
<script type="text/javascript" src="js/AppGeneral.js"></script>
</head>
<body>
<div id="workbookControl"></div>
<div id="tableeditor">editor goes here</div>
<div id="msg" onclick="this.innerHTML=' ';"></div>
</body>
</html>
`;
let jsCode = `
alert("Js");
`;
return (
<View style={styles.container}>
<WebView
style={styles.webView}
ref="myWebView"
source={{ html: HTML }}
injectedJavaScript={jsCode} …Run Code Online (Sandbox Code Playgroud) 我有一个外部JS文件,其中包含一些方法和第三方库的集成。现在,我想将此JS文件作为模块包含在Ionic 2 rc构建项目中。我遵循的步骤如下:
declare module 'Appgeneral'; 在文件中 src/declarations.d.ts
由于它是一个JS文件,因此<script>在中包含标记index.html
在中创建对象home.ts: var appgeneral = new Appgeneral();
Appgeneral.js包含以下代码:
function Appgeneral(){}
Appgeneral.prototype.methodCall = function() {
console.log("Done!");
return true;
};
Run Code Online (Sandbox Code Playgroud)home.ts使用新创建的对象时应该可以访问这些方法appgeneral。在beta.11版本中,它运行良好。但是,升级到rc build之后,我收到一条错误消息,指出无法解析该模块Appgeneral。
另外,我将我转换Appgeneral.js为Appgeneral.ts导出整个类,如下所示:
module Appgeneral{
export class Appgeneral{
public methodCall() {
console.log("Done!");
return true;
}
}
}
Run Code Online (Sandbox Code Playgroud)
于是,我试图将其导入的home.ts如下:import { Appgeneral } from './src/ts/Appgeneral'。但是,错误仍然存在。
找不到名称“ Appgeneral”。L14:构造函数(公共navCtrl:NavController,L15:public appgeneral:Appgeneral){
第三方库提供的文档适用于上提供的外部库npm。但是,我想直接在应用程序中包含我的第三方库。
这是我的 ionic info:
Cordova CLI: …Run Code Online (Sandbox Code Playgroud) 我所有的搜索发现对下面的代码离子1.帖子我能够使用this.corpguys的ng*For,并保存到本地存储.我想进一步获取我的应用程序并将其保存到sqlite表中corpguys.我不确定是否必须JSON.stringify(data)然后循环以将此数据插入到db中.我只是想知道是否有人见过离子2的例子
import {Page, Storage, SqlStorage} from 'ionic/ionic';
import {Http} from 'angular2/http';
import 'rxjs/add/operator/map';
@Page ({
templateUrl: 'build/pages/remote/remote.html',
})
export class Remote {
constructor(http: Http) {
this.http = http;
//this.corpguys = null;
this.http.get('http://test.json')
.map(res => res.json())
.subscribe
(data => {
this.corpguys = data;
//Loop through corpguys and asign varible names
this.DataStorage = new Storage(SqlStorage);
this.DataStorage.query("INSERT into corpguys (name, position, phone, cell, sms, email, other) VALUES ('namevalue', 'positionvalue', 'phonevalue', 'cellvalue', 'smsvalue', 'emailvalue', 'othervalue')");
}, …Run Code Online (Sandbox Code Playgroud) react-native ×3
javascript ×2
angularjs ×1
ionic2 ×1
json ×1
sqlite ×1
typescript ×1
webview ×1