I followed this
https://ckeditor.com/docs/ckeditor5/latest/installation/getting-started/frameworks/vuejs-v2.html#integrating-a-custom-build-from-the-online-builder
guide to install CKEditor5 with vue2, laravel and inertia, got the following error:
ckeditor.js:5 TypeError: Cannot read property 'getAttribute' of null
at IconView._updateXMLContent (iconview.js:100)
at IconView.render (iconview.js:76)
at IconView.on (observablemixin.js:254)
at IconView.fire (emittermixin.js:196)
at IconView.(anonymous function) [as render] (http://localhost:4000/_nuxt/vendors.pages/test.js:59093:16)
at ViewCollection.on (viewcollection.js:68)
at ViewCollection.fire (emittermixin.js:196)
at ViewCollection.add (collection.js:182)
at ButtonView.render (buttonview.js:168)
at ButtonView.on (observablemixin.js:254)
As far as I understand by the posts I saw on the internet, the issue is that svg images cannot be loaded, but the solutions I found did not work.
If you want to take a look I created a Public Repository with the project, maybe you can easly find the issue (find TODO::CKEDITOR5)
Related
I'm trying to implement Bootstrap-Table (https://github.com/wenzhixin/bootstrap-table) inside my Laravel and Vue.js project, but something is wrong.
I tried all ways of importing I could think of (inside app.js, app.blade, bootstrap.js, even vite.config.js) and all of them failed.
What I've Tried:
Inside app.js
import 'bootstrap-table/dist/bootstrap-table.js'
import bootstrapTable from 'bootstrap-table/dist/bootstrap-table.js';
import BootstrapTable from 'bootstrap-table/dist/bootstrap-table-vue.esm.js'
app.component('BootstrapTable', BootstrapTable);
These normally lead to
Could not find a declaration file for module 'bootstrap-table/dist/bootstrap-table.js'.
The errors I'm getting are:
Uncaught TypeError: Cannot set properties of undefined (setting 'BootstrapTable')
at bootstrap-table.min.js:10:132646
at bootstrap-table.min.js:10:233
at bootstrap-table.min.js:10:245
bootstrap-table-vue.min.js:10 Uncaught TypeError: Cannot read properties of undefined (reading 'fn')
at bootstrap-table-vue.min.js:10:1806
at bootstrap-table-vue.min.js:10:1905
at bootstrap-table-vue.min.js:10:205
at bootstrap-table-vue.min.js:10:209
There are some scripts/links necessary to run, and I think I'm also confused about this and where it should go.
For example:
<script src="https://unpkg.com/bootstrap-table#1.21.0/dist/bootstrap-table.min.js"></script>
My objective:
I want to render the table inside a Vue.component, with some data I get from axios. So I figured I couldn't put the scripts inside the component itself. I need to make the table component (or a way to render it) global.
Please help me get this right
I'm trying to get an element's location using the Protractor (v6.0.0) method call getLocation(), however I'm getting the following exception:
TypeError: Cannot read property 'apply' of undefined
at <Jasmine>
at actionFn (/usr/lib/node_modules/protractor/built/element.js:95:44)
at <Jasmine>
at actionResults.getWebElements.then(/usr/lib/node_modules/protractor/built/element.js:468:44)
at <Jasmine>
at ElementArrayFinder.applyAction_(/usr/lib/node_modules/protractor/built/element.js:466:29)
Any clue how to resolve the issue?
Actually my code is really simple.
it('should compare login page with a baseline', async () => {
let input = element(by.id('mat-input-1'));
await input.getLocation();
});
I expect the coordinates of the input which has id mat-input-1, but unfortunately I'm getting that exception.
Protractor's CHANGELOG.md has a link to the selenium-webdriver CHANGELOG, it lists:
Changes for W3C WebDriver Spec Compliance
Replaced WebElement.getSize() and WebElement.getLocation() with a
single method, WebElement.getRect().
So it looks like you should use .getRect().
Now for Protractor 6 itself, this is clearly an issue with documentation. We recommend using 5.4.2 for now.
I am using angular 6.1, node 8.11.3 and i am trying to implement treeview with master details, same example provided here https://plnkr.co/edit/?p=preview. However I am getting below error and master detail component s not rendering on expansion of row details.
MasterComponent.html:1 ERROR Error: No component factory found for DetailPanelComponent. Did you add it to #NgModule.entryComponents?
at noComponentFactoryError (core.js:3258)
at CodegenComponentFactoryResolver.push../node_modules/#angular/core/fesm5/core.js.CodegenComponentFactoryResolver.resolveComponentFactory (core.js:3293)
at Ng2FrameworkComponentWrapper.push../node_modules/ag-grid-angular/dist/ng2FrameworkComponentWrapper.js.Ng2FrameworkComponentWrapper.createComponent (ng2FrameworkComponentWrapper.js:66)
at DynamicAgNg2Component.createComponent (ng2FrameworkComponentWrapper.js:45)
at DynamicAgNg2Component.push../node_modules/ag-grid-angular/dist/ng2FrameworkComponentWrapper.js.BaseGuiComponent.init (ng2FrameworkComponentWrapper.js:85)
at DynamicAgNg2Component.init (ng2FrameworkComponentWrapper.js:41)
at ComponentResolver.push../node_modules/ag-grid/dist/lib/components/framework/componentResolver.js.ComponentResolver.initialiseComponent (componentResolver.js:295)
at ComponentResolver.push../node_modules/ag-grid/dist/lib/components/framework/componentResolver.js.ComponentResolver.createAgGridComponent (componentResolver.js:246)
at rowComp.js:673
at rowContainerComponent.js:58
I am following exactly same thing as mention in example, but for Angular 6.
Please suggest.
I'm trying to upgrade Joomla 2.5.22 to 3.5.1, and last time I checked the progress bar, it was 86 %. I looked away for a moment and when I came back to check I saw the below error message.
Fatal error: Class 'JParameter' not found in
/home/mywebsite/public_html/plugins/system/bigshotgoogleanalytics/bigshotgoogleanalytics.php on line 24
What is the cause of this error and how would it be fixed?
Joomla can't find JParameter Class, so you have to use
jimport( 'joomla.html.parameter' );
before using JParameter class
bigshotanalytics is one of those plugins that cause a blank page or, at best, a fatal error when updating Joomla. This is because of its old code. I suggest you move the tracking code to your template. You can also add the tracking code to a custom HTML module (after removing the encapsulating div through an override) and then assign the module to a position in your template (the position should be in the section of the HTML).
Now to answer your question, Joomla no longer uses JParameter - it uses JRegistry instead. So something like:
$jparameter = new JParameter('param1');
Should be changed to:
$jregistry= new JRegistry();
$jparameter = $jregistry->get('param1');
I'm converting an old angular2 project over to use meteor to act as an admin panel style thing for a project that is based off the ionic2-meteor whatsapp tutorial.
So I'm building the website in the client folder inside api.
I'm pretty sure I've got things correct (based off the old socially tutorial) for the angular2 client.
I'm getting these as errors though.
modules.js:13538 Uncaught SyntaxError: Unexpected token export
es5-shim.js:17 Uncaught TypeError: Cannot read property 'meteorInstall' of undefined
at es5-shim.js:17
at es5-shim.js:2789
promise.js:17 Uncaught TypeError: Cannot read property 'meteorInstall' of undefined
at promise.js:17
at promise.js:582
ecmascript-runtime.js:17 Uncaught TypeError: Cannot read property 'meteorInstall' of undefined
at ecmascript-runtime.js:17
at ecmascript-runtime.js:4630
babel-runtime.js:17 Uncaught TypeError: Cannot read property 'meteorInstall' of undefined
at babel-runtime.js:17
at babel-runtime.js:160
random.js:18 Uncaught TypeError: Cannot read property 'meteorInstall' of undefined
at random.js:18
at random.js:368
I imagine that I have probably missed an import or something somewhere but can't work out where.
Any help would be awesome.
These are the packages I have installed.
meteor-base#1.0.4
mobile-experience#1.0.4
mongo#1.1.15
reactive-var#1.0.11
jquery#1.11.10
tracker#1.1.2
standard-minifier-css#1.3.3
standard-minifier-js#1.2.2
es5-shim#4.6.15
ecmascript#0.6.3
shell-server#0.2.2
angular2-compilers
barbatus:typescript
accounts-base#1.2.14
npm-bcrypt#0.9.2
accounts-password#1.3.4
reywood:publish-composite
http#1.2.11
alanning:roles
check#1.2.4
dispatch:mocha-phantomjs
tmeasday:publish-counts
hwillson:stub-collections
practicalmeteor:mocha
xolvio:cleaner
~Edit
///the error comes from #angular/http module, I'm going to try rolling it back to see if it helps.
/**
* \#experimental
*
*/
export var QueryEncoder = (function () {//<---- this is the line causing the error
function QueryEncoder() {
}
QueryEncoder.prototype.encodeKey = function (k) { return standardEncoding(k); };
QueryEncoder.prototype.encodeValue = function (v) { return standardEncoding(v); };
return QueryEncoder;
}());
rolling back and forward didn't help at all.
I had the same problem. For me it was due to recently installed ionic plugin. It has started working normal after removing that plugin. Please try removing your recently added plugin. I hope you have tried that by now.