Comments (11)
have you added them in your pubspec.yaml?
from webview_flutter_plus.
and I didn't see any file with the name index.caf8b167.cs
in your assets.
from webview_flutter_plus.
yes it was added to the pubspec
from webview_flutter_plus.
can you share reproduceable example regarding your code?
from webview_flutter_plus.
Here is the repo https://github.com/ColtonBristow/newflutterthree . all I did was build a three js web app and tried to use it through referencing the HTML file.
from webview_flutter_plus.
class MyApp extends StatelessWidget {
MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: const Text('Help'),
),
body: WebViewPlus(
javascriptMode: JavascriptMode.unrestricted,
onWebViewCreated: (controller) {
final int? port = controller.serverPort;
controller.loadUrl('EmbeddedThreeJS/dist/index.html');
},
),
),
);
}
}
```
from webview_flutter_plus.
I think there's some conflict between your assets directory and pubspec.yaml. You haven't added them correctly in your yaml file. There's no dist
directory in actual but you mentioned that in your code here: controller.loadUrl('EmbeddedThreeJS/dist/index.html');
from webview_flutter_plus.
I have added it correctly I don't think I took a proper screenshot. I am just copying the relative path and pasting it in the yaml
assets:
- EmbeddedThreeJS/
- EmbeddedThreeJS/dist/
- EmbeddedThreeJS/dist/assets/
- EmbeddedThreeJS/dist/index.html
here is a better ss https://gyazo.com/3fcfeaf7ee5c18b5601469b2bffc9066 and here is the error ===> Unable to load asset: assets/index.6bbb5a0d.js OR IT CAN BE ===> ErrorSummary (Unable to load asset: assets/index.caf8b167.css)
from webview_flutter_plus.
There're plenty of problems in your project, pubspec.yaml, main.dart, android manifest your HTML content, even you didn't follow the instructions for the library, Here's your fixed code but please do get familiar with the basics.
from webview_flutter_plus.
could you tell me what exactly was wrong? and I did follow all the documentation that you posted as far as I know. So some feedback on how you fixed it would be great!
from webview_flutter_plus.
You hadn't added the required permissions in your android manifest. There's no directory named dist and in your pubspec you're using this. In your index.html there's also path problem.
from webview_flutter_plus.
Related Issues (20)
- How to use local image assets? HOT 1
- Rending HTML from string
- Big glitch when pushing or poping page with webview plus
- webview language not change with local language
- Problem with keyboard HOT 1
- localstorage does not work since http server starts on different port each time HOT 7
- Web Platform?
- How to Zoom without guester
- how to invoke promise methods in javascript
- How to load the html file from local disk
- Text Zoom
- Blanc page: Unable to load asset
- Unhandled Exception: PlatformException(FWFEvaluateJavaScriptError, Failed evaluating JavaScript., Instance of 'NSError', null) #0 WKWebViewHostApiImpl.evaluateJavaScriptForInstances (package:webview_flutter_wkwebview/src/web_kit/web_kit_api_impls.dart:1010:7) <asynchronous suspension> #1 WebKitWebViewPlatformController.runJavascript (package:webview_flutter_wkwebview/src/web_kit_webview_widget.dart:349:7) HOT 2
- Trying to use the default webview implementation for TargetPlatform.windows but there isn't a default one. HOT 1
- Javascript is not loading in iOS
- Refuse script src because MimeType is ('text/plain')?
- Server Error: SocketException: Failed to create server socket while running example Code in Release Mode HOT 1
- Is it possible to use a wasm file in the android app using the webview package ?
- Unsupported operation: Trying to use the default webview implementation for TargetPlatform.macOS but there isn't a default one HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from webview_flutter_plus.