nativescript - 如何在 NativeScript 中设置资产的正确路径?
问题描述
我有检索翻译文件的加载程序:
export function translateLoaderFactory(http: HttpClient) {
return new TranslateHttpLoader(http, "/i18n/", ".json");
};
我的结构项目是:
/src/app/app.module.js
/src/i18n/en.json
当我启动应用程序时,我收到此消息:
ERROR {
JS: "headers": {
JS: "normalizedNames": {},
JS: "lazyUpdate": null,
JS: "headers": {}
JS: },
JS: "status": 404,
JS: "statusText": "ERROR",
JS: "url": "/data/data/org.nativescript.App/files/app/i18n/en.json",
JS: "ok": false,
JS: "name": "HttpErrorResponse",
JS: "message": "Http failure response for /data/data/org.nativescript.App/files/app/i18n/en.json: 404 ERROR",
JS: "error": "Not Found"
JS: }
/data/data/org.nativescript.App/files/app/i18n/en.json
编译后无法按路径查找文件。
我应该在哪里设置路径设置?
我的 tsConfig:
{
"compilerOptions": {
"module": "commonjs",
"target": "es5",
"experimentalDecorators": true,
"emitDecoratorMetadata": true,
"noEmitHelpers": true,
"noEmitOnError": true,
"lib": [
"es6",
"dom",
"es2015.iterable"
],
"baseUrl": ".",
"paths": {
"~/*": [
"src/*"
]
}
},
"exclude": [
"node_modules",
"platforms"
]
}
我试过了:
return new TranslateHttpLoader(http, "../i18n/", ".json");
return new TranslateHttpLoader(http, "./../i18n/", ".json");
return new TranslateHttpLoader(http, "i18n/", ".json");
现在我得到这个错误:
Angular is running in the development mode. Call enableProdMode() to enable the production mode.
JS: ERROR {
JS: "headers": {
JS: "normalizedNames": {},
JS: "lazyUpdate": null,
JS: "headers": {}
JS: },
JS: "status": 0,
JS: "statusText": "Unknown Error",
JS: "url": "./assets/i18n/en.json",
JS: "ok": false,
JS: "name": "HttpErrorResponse",
JS: "message": "Http failure response for ./assets/i18n/en.json: 0 Unknown Error",
JS: "error": {
JS: "originalStack": "Error: java.net.MalformedURLException: no protocol: ./assets/i18n/en.json\n at new c (file:///data/data/org.nativescript.App/files/app/vendor.js:1:1700209)\n at file:///data/data/org.nativescript.App/files/app/vendor.js:1:1565607\n at Object.onComplete (file:///data/data/org.nativescript.App/files/app/vendor.js:1:1566741)",
JS: "zoneAwareStack": "Error: java.net.MalformedURLException: no protocol: ./assets/i18n/en.json\n at new c (file:///data/data/org.nativescript.App/files/app/vendor.js:1:1700209)\n at file:///data/data/org.nativescript.App/files/app/vendor.js:1:1565607\n at Object.onComplete (file:///data/data/org.nativescript.App/files/app/vendor.js:1:1...
解决方案
您必须配置CopyWebpackPlugin
为在编译时将文件包含到包中
webpack.config.js
// Copy assets to out dir. Add your own globs as needed.
new CopyWebpackPlugin(
[
{ from: { glob: "assets/**" } },
{ from: { glob: "fonts/**" } },
{ from: { glob: "i18n/*.json" } },
{ from: { glob: "**/*.jpg" } },
{ from: { glob: "**/*.png" } },
],
{ ignore: [`${relative(appPath, appResourcesFullPath)}/**`] },
),
这{ from: { glob: "i18n/*.json" } },
可以确保将所有 i18n JSON 文件复制到 bundle。
推荐阅读
- scala - 在火花中将字符串转换为数据框的四个不同列
- python - Python“for”循环没有迭代尽可能多
- batch-file - 当我想写入 vbs 脚本时,批处理刚刚关闭
- android - 如何等到从 Firebase 检索到我的数据?
- reactjs - 我如何在不刷新的情况下看到更新的道具
- python - IntegrityError:“图像”列中的空值违反非空约束
- elasticsearch - elasticsearch中两个日期之间的结果
- android - 为 Room 实现创建新 ViewModel 时类型不匹配 - kotlinx.coroutines 自 1.3 起已过时
- ruby-on-rails - 在 Rails 中渲染两个 JSON 项
- python - 如何从 func1 中获取 var1 并在 func2 中使用它而不在 func1 中运行两次