Describe the bug
Insert Package does not add the packages in the html. It only adds them to package.json.
To Reproduce
Steps to reproduce the behavior:
Create new project.
Click on "Find and insert package".
Search and select any package.
Click Import
Errors / logs in developer tools
Failed to load resource: net::ERR_CONNECTION_CLOSED
2545b360bc0082009993c.js:60 TypeError: Cannot read properties of null (reading 'name')
at i (33e4637d06e051e13eb9.js:1:97305)
at a.onSubmit (33e4637d06e051e13eb9.js:1:99321)
at fn (eval at compile (545b360bc0082009993c.js:60:105409), :4:282)
at i (545b360bc0082009993c.js:60:150889)
at c.$eval (545b360bc0082009993c.js:60:102151)
at c.$apply (545b360bc0082009993c.js:60:102396)
at HTMLFormElement. (545b360bc0082009993c.js:60:150974)
at It (545b360bc0082009993c.js:60:17387)
at HTMLFormElement.n (545b360bc0082009993c.js:60:20253)
(anonymous) @ 545b360bc0082009993c.js:60
33e4637d06e051e13eb9.js:1 Uncaught (in promise) TypeError: a is not a function
at r (33e4637d06e051e13eb9.js:1:21600)
at t. (33e4637d06e051e13eb9.js:1:22524)
at c (545b360bc0082009993c.js:32:29085)
at Generator._invoke (545b360bc0082009993c.js:32:28838)
at forEach.e. [as next] (545b360bc0082009993c.js:32:29442)
at E (33e4637d06e051e13eb9.js:1:6305)
at i (33e4637d06e051e13eb9.js:1:6508)
2c8694c35180316a3e245.js:34 Uncaught NetworkError: Failed to execute 'importScripts' on 'WorkerGlobalScope': The script at 'blob:https://plnkr.co/44e37874-c594-4ca4-bb77-80caddc025b1' failed to load.
We @ c8694c35180316a3e245.js:34
c8694c35180316a3e245.js:34 Uncaught (in promise) Error: Unexpected usage
at e.value (c8694c35180316a3e245.js:34:100151)
at c8694c35180316a3e245.js:34:116671
c8694c35180316a3e245.js:1 Uncaught Error: Cannot read properties of undefined (reading 'column')
TypeError: Cannot read properties of undefined (reading 'column')
at e. (c8694c35180316a3e245.js:8:1471811)
at c (545b360bc0082009993c.js:32:29085)
at Generator._invoke (545b360bc0082009993c.js:32:28838)
at forEach.e. [as next] (545b360bc0082009993c.js:32:29442)
at a (c8694c35180316a3e245.js:8:1464517)
at c8694c35180316a3e245.js:1:90723
33e4637d06e051e13eb9.js:1 Uncaught (in promise) TypeError: a is not a function
at r (33e4637d06e051e13eb9.js:1:21600)
at t. (33e4637d06e051e13eb9.js:1:22524)
at c (545b360bc0082009993c.js:32:29085)
at Generator._invoke (545b360bc0082009993c.js:32:28838)
at forEach.e. [as next] (545b360bc0082009993c.js:32:29442)
at E (33e4637d06e051e13eb9.js:1:6305)
at i (33e4637d06e051e13eb9.js:1:6508)
2c8694c35180316a3e245.js:34 Uncaught NetworkError: Failed to execute 'importScripts' on 'WorkerGlobalScope': The script at 'https://cdn.plnkr.co/build/v1.0.0-384-gb60d35d/ts.worker.js' failed to load.
We @ c8694c35180316a3e245.js:34
c8694c35180316a3e245.js:34 Uncaught (in promise) Error: Unexpected usage
at e.value (c8694c35180316a3e245.js:34:100151)
at c8694c35180316a3e245.js:34:116671
33e4637d06e051e13eb9.js:1 Uncaught (in promise) TypeError: a is not a function
at r (33e4637d06e051e13eb9.js:1:21600)
at t. (33e4637d06e051e13eb9.js:1:22524)
at c (545b360bc0082009993c.js:32:29085)
at Generator._invoke (545b360bc0082009993c.js:32:28838)
at forEach.e. [as next] (545b360bc0082009993c.js:32:29442)
at E (33e4637d06e051e13eb9.js:1:6305)
at i (33e4637d06e051e13eb9.js:1:6508)
r @ 33e4637d06e051e13eb9.js:1
(anonymous) @ 33e4637d06e051e13eb9.js:1
c @ 545b360bc0082009993c.js:32
(anonymous) @ 545b360bc0082009993c.js:32
forEach.e. @ 545b360bc0082009993c.js:32
E @ 33e4637d06e051e13eb9.js:1
i @ 33e4637d06e051e13eb9.js:1
setTimeout (async)
o.defer @ 545b360bc0082009993c.js:60
$evalAsync @ 545b360bc0082009993c.js:60
(anonymous) @ 545b360bc0082009993c.js:60
f @ 545b360bc0082009993c.js:60
then @ 545b360bc0082009993c.js:60
y @ 545b360bc0082009993c.js:60
y. @ 545b360bc0082009993c.js:60
a @ 545b360bc0082009993c.js:60
ke @ 545b360bc0082009993c.js:60
me @ 545b360bc0082009993c.js:60
ae @ 545b360bc0082009993c.js:60
ie @ 545b360bc0082009993c.js:60
(anonymous) @ 545b360bc0082009993c.js:102
(anonymous) @ 545b360bc0082009993c.js:102
iconClass @ 545b360bc0082009993c.js:102
h @ 545b360bc0082009993c.js:102
success @ 545b360bc0082009993c.js:102
(anonymous) @ www.a8f25df7f6a856dd608f.js:1
c @ 545b360bc0082009993c.js:32
(anonymous) @ 545b360bc0082009993c.js:32
forEach.e. @ 545b360bc0082009993c.js:32
k @ www.a8f25df7f6a856dd608f.js:1
i @ www.a8f25df7f6a856dd608f.js:1
(anonymous) @ www.a8f25df7f6a856dd608f.js:1
(anonymous) @ www.a8f25df7f6a856dd608f.js:1
(anonymous) @ www.a8f25df7f6a856dd608f.js:1
n @ 33e4637d06e051e13eb9.js:1
(anonymous) @ 33e4637d06e051e13eb9.js:1
c @ 545b360bc0082009993c.js:32
(anonymous) @ 545b360bc0082009993c.js:32
forEach.e. @ 545b360bc0082009993c.js:32
E @ 33e4637d06e051e13eb9.js:1
i @ 33e4637d06e051e13eb9.js:1
c8694c35180316a3e245.js:34 Uncaught NetworkError: Failed to execute 'importScripts' on 'WorkerGlobalScope': The script at 'blob:https://plnkr.co/52ddcb22-d884-4bb5-a3c3-b99500014520' failed to load.
We @ c8694c35180316a3e245.js:34
(anonymous) @ c8694c35180316a3e245.js:34
error (async)
(anonymous) @ c8694c35180316a3e245.js:34
Promise.then (async)
e @ c8694c35180316a3e245.js:34
value @ c8694c35180316a3e245.js:34
n @ c8694c35180316a3e245.js:34
value @ c8694c35180316a3e245.js:34
value @ c8694c35180316a3e245.js:34
value @ c8694c35180316a3e245.js:34
value @ c8694c35180316a3e245.js:34
e._getClient @ 4f6e0a1ea111f29b02af.js:1
e.getLanguageServiceWorker @ 4f6e0a1ea111f29b02af.js:1
r @ 4f6e0a1ea111f29b02af.js:1
(anonymous) @ 4f6e0a1ea111f29b02af.js:1
(anonymous) @ 4f6e0a1ea111f29b02af.js:1
(anonymous) @ 4f6e0a1ea111f29b02af.js:1
(anonymous) @ 4f6e0a1ea111f29b02af.js:1
f @ 4f6e0a1ea111f29b02af.js:1
t._doValidate @ 4f6e0a1ea111f29b02af.js:1
a @ 4f6e0a1ea111f29b02af.js:1
l @ 4f6e0a1ea111f29b02af.js:1
value @ c8694c35180316a3e245.js:1
e.setDiagnosticsOptions @ c8694c35180316a3e245.js:8
value @ 33e4637d06e051e13eb9.js:1
h @ 545b360bc0082009993c.js:24
b @ 545b360bc0082009993c.js:24
m @ 545b360bc0082009993c.js:24
setTimeout (async)
$o @ 545b360bc0082009993c.js:24
v @ 545b360bc0082009993c.js:24
y @ 545b360bc0082009993c.js:24
value @ 33e4637d06e051e13eb9.js:1
c.emit @ 545b360bc0082009993c.js:39
value @ 8b779ccda328a4c0a29d.js:1
(anonymous) @ 8b779ccda328a4c0a29d.js:1
(anonymous) @ c8694c35180316a3e245.js:1
value @ c8694c35180316a3e245.js:1
value @ c8694c35180316a3e245.js:1
value @ c8694c35180316a3e245.js:1
value @ c8694c35180316a3e245.js:1
value @ c8694c35180316a3e245.js:1
n @ 33e4637d06e051e13eb9.js:1
(anonymous) @ 33e4637d06e051e13eb9.js:1
c @ 545b360bc0082009993c.js:32
(anonymous) @ 545b360bc0082009993c.js:32
forEach.e. @ 545b360bc0082009993c.js:32
E @ 33e4637d06e051e13eb9.js:1
i @ 33e4637d06e051e13eb9.js:1
c8694c35180316a3e245.js:34 Uncaught NetworkError: Failed to execute 'importScripts' on 'WorkerGlobalScope': The script at 'blob:https://plnkr.co/52ddcb22-d884-4bb5-a3c3-b99500014520' failed to load.
We @ c8694c35180316a3e245.js:34
(anonymous) @ c8694c35180316a3e245.js:34
Promise.then (async)
value @ c8694c35180316a3e245.js:34
value @ c8694c35180316a3e245.js:34
value @ c8694c35180316a3e245.js:34
e._getClient @ 4f6e0a1ea111f29b02af.js:1
e.getLanguageServiceWorker @ 4f6e0a1ea111f29b02af.js:1
r @ 4f6e0a1ea111f29b02af.js:1
(anonymous) @ 4f6e0a1ea111f29b02af.js:1
(anonymous) @ 4f6e0a1ea111f29b02af.js:1
(anonymous) @ 4f6e0a1ea111f29b02af.js:1
(anonymous) @ 4f6e0a1ea111f29b02af.js:1
f @ 4f6e0a1ea111f29b02af.js:1
t._doValidate @ 4f6e0a1ea111f29b02af.js:1
a @ 4f6e0a1ea111f29b02af.js:1
l @ 4f6e0a1ea111f29b02af.js:1
value @ c8694c35180316a3e245.js:1
e.setDiagnosticsOptions @ c8694c35180316a3e245.js:8
value @ 33e4637d06e051e13eb9.js:1
h @ 545b360bc0082009993c.js:24
b @ 545b360bc0082009993c.js:24
m @ 545b360bc0082009993c.js:24
setTimeout (async)
$o @ 545b360bc0082009993c.js:24
v @ 545b360bc0082009993c.js:24
y @ 545b360bc0082009993c.js:24
value @ 33e4637d06e051e13eb9.js:1
c.emit @ 545b360bc0082009993c.js:39
value @ 8b779ccda328a4c0a29d.js:1
(anonymous) @ 8b779ccda328a4c0a29d.js:1
(anonymous) @ c8694c35180316a3e245.js:1
value @ c8694c35180316a3e245.js:1
value @ c8694c35180316a3e245.js:1
value @ c8694c35180316a3e245.js:1
value @ c8694c35180316a3e245.js:1
value @ c8694c35180316a3e245.js:1
n @ 33e4637d06e051e13eb9.js:1
(anonymous) @ 33e4637d06e051e13eb9.js:1
c @ 545b360bc0082009993c.js:32
(anonymous) @ 545b360bc0082009993c.js:32
forEach.e. @ 545b360bc0082009993c.js:32
E @ 33e4637d06e051e13eb9.js:1
i @ 33e4637d06e051e13eb9.js:1
c8694c35180316a3e245.js:34 Uncaught (in promise) Error: Unexpected usage
at e.value (c8694c35180316a3e245.js:34:100151)
at c8694c35180316a3e245.js:34:116671
Expected behavior
The package should be inserted into the index.html.
Screenshots
If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information):
Tried in Chrome/Firefox
Describe the bug Insert Package does not add the packages in the html. It only adds them to package.json.
To Reproduce Steps to reproduce the behavior:
Errors / logs in developer tools Failed to load resource: net::ERR_CONNECTION_CLOSED 2545b360bc0082009993c.js:60 TypeError: Cannot read properties of null (reading 'name') at i (33e4637d06e051e13eb9.js:1:97305) at a.onSubmit (33e4637d06e051e13eb9.js:1:99321) at fn (eval at compile (545b360bc0082009993c.js:60:105409),:4:282)
at i (545b360bc0082009993c.js:60:150889)
at c.$eval (545b360bc0082009993c.js:60:102151)
at c.$apply (545b360bc0082009993c.js:60:102396)
at HTMLFormElement. (545b360bc0082009993c.js:60:150974)
at It (545b360bc0082009993c.js:60:17387)
at HTMLFormElement.n (545b360bc0082009993c.js:60:20253)
(anonymous) @ 545b360bc0082009993c.js:60
33e4637d06e051e13eb9.js:1 Uncaught (in promise) TypeError: a is not a function
at r (33e4637d06e051e13eb9.js:1:21600)
at t. (33e4637d06e051e13eb9.js:1:22524)
at c (545b360bc0082009993c.js:32:29085)
at Generator._invoke (545b360bc0082009993c.js:32:28838)
at forEach.e. [as next] (545b360bc0082009993c.js:32:29442)
at E (33e4637d06e051e13eb9.js:1:6305)
at i (33e4637d06e051e13eb9.js:1:6508)
2c8694c35180316a3e245.js:34 Uncaught NetworkError: Failed to execute 'importScripts' on 'WorkerGlobalScope': The script at 'blob:https://plnkr.co/44e37874-c594-4ca4-bb77-80caddc025b1' failed to load.
We @ c8694c35180316a3e245.js:34
c8694c35180316a3e245.js:34 Uncaught (in promise) Error: Unexpected usage
at e.value (c8694c35180316a3e245.js:34:100151)
at c8694c35180316a3e245.js:34:116671
c8694c35180316a3e245.js:1 Uncaught Error: Cannot read properties of undefined (reading 'column')
TypeError: Cannot read properties of undefined (reading 'column') at e. (c8694c35180316a3e245.js:8:1471811)
at c (545b360bc0082009993c.js:32:29085)
at Generator._invoke (545b360bc0082009993c.js:32:28838)
at forEach.e. [as next] (545b360bc0082009993c.js:32:29442)
at a (c8694c35180316a3e245.js:8:1464517)
at c8694c35180316a3e245.js:1:90723
33e4637d06e051e13eb9.js:1 Uncaught (in promise) TypeError: a is not a function
at r (33e4637d06e051e13eb9.js:1:21600)
at t. (33e4637d06e051e13eb9.js:1:22524)
at c (545b360bc0082009993c.js:32:29085)
at Generator._invoke (545b360bc0082009993c.js:32:28838)
at forEach.e. [as next] (545b360bc0082009993c.js:32:29442)
at E (33e4637d06e051e13eb9.js:1:6305)
at i (33e4637d06e051e13eb9.js:1:6508)
2c8694c35180316a3e245.js:34 Uncaught NetworkError: Failed to execute 'importScripts' on 'WorkerGlobalScope': The script at 'https://cdn.plnkr.co/build/v1.0.0-384-gb60d35d/ts.worker.js' failed to load.
We @ c8694c35180316a3e245.js:34
c8694c35180316a3e245.js:34 Uncaught (in promise) Error: Unexpected usage
at e.value (c8694c35180316a3e245.js:34:100151)
at c8694c35180316a3e245.js:34:116671
33e4637d06e051e13eb9.js:1 Uncaught (in promise) TypeError: a is not a function
at r (33e4637d06e051e13eb9.js:1:21600)
at t. (33e4637d06e051e13eb9.js:1:22524)
at c (545b360bc0082009993c.js:32:29085)
at Generator._invoke (545b360bc0082009993c.js:32:28838)
at forEach.e. [as next] (545b360bc0082009993c.js:32:29442)
at E (33e4637d06e051e13eb9.js:1:6305)
at i (33e4637d06e051e13eb9.js:1:6508)
r @ 33e4637d06e051e13eb9.js:1
(anonymous) @ 33e4637d06e051e13eb9.js:1
c @ 545b360bc0082009993c.js:32
(anonymous) @ 545b360bc0082009993c.js:32
forEach.e. @ 545b360bc0082009993c.js:32
E @ 33e4637d06e051e13eb9.js:1
i @ 33e4637d06e051e13eb9.js:1
setTimeout (async)
o.defer @ 545b360bc0082009993c.js:60
$evalAsync @ 545b360bc0082009993c.js:60
(anonymous) @ 545b360bc0082009993c.js:60
f @ 545b360bc0082009993c.js:60
then @ 545b360bc0082009993c.js:60
y @ 545b360bc0082009993c.js:60
y. @ 545b360bc0082009993c.js:60
a @ 545b360bc0082009993c.js:60
ke @ 545b360bc0082009993c.js:60
me @ 545b360bc0082009993c.js:60
ae @ 545b360bc0082009993c.js:60
ie @ 545b360bc0082009993c.js:60
(anonymous) @ 545b360bc0082009993c.js:102
(anonymous) @ 545b360bc0082009993c.js:102
iconClass @ 545b360bc0082009993c.js:102
h @ 545b360bc0082009993c.js:102
success @ 545b360bc0082009993c.js:102
(anonymous) @ www.a8f25df7f6a856dd608f.js:1
c @ 545b360bc0082009993c.js:32
(anonymous) @ 545b360bc0082009993c.js:32
forEach.e. @ 545b360bc0082009993c.js:32
k @ www.a8f25df7f6a856dd608f.js:1
i @ www.a8f25df7f6a856dd608f.js:1
(anonymous) @ www.a8f25df7f6a856dd608f.js:1
(anonymous) @ www.a8f25df7f6a856dd608f.js:1
(anonymous) @ www.a8f25df7f6a856dd608f.js:1
n @ 33e4637d06e051e13eb9.js:1
(anonymous) @ 33e4637d06e051e13eb9.js:1
c @ 545b360bc0082009993c.js:32
(anonymous) @ 545b360bc0082009993c.js:32
forEach.e. @ 545b360bc0082009993c.js:32
E @ 33e4637d06e051e13eb9.js:1
i @ 33e4637d06e051e13eb9.js:1
c8694c35180316a3e245.js:34 Uncaught NetworkError: Failed to execute 'importScripts' on 'WorkerGlobalScope': The script at 'blob:https://plnkr.co/52ddcb22-d884-4bb5-a3c3-b99500014520' failed to load.
We @ c8694c35180316a3e245.js:34
(anonymous) @ c8694c35180316a3e245.js:34
error (async)
(anonymous) @ c8694c35180316a3e245.js:34
Promise.then (async)
e @ c8694c35180316a3e245.js:34
value @ c8694c35180316a3e245.js:34
n @ c8694c35180316a3e245.js:34
value @ c8694c35180316a3e245.js:34
value @ c8694c35180316a3e245.js:34
value @ c8694c35180316a3e245.js:34
value @ c8694c35180316a3e245.js:34
e._getClient @ 4f6e0a1ea111f29b02af.js:1
e.getLanguageServiceWorker @ 4f6e0a1ea111f29b02af.js:1
r @ 4f6e0a1ea111f29b02af.js:1
(anonymous) @ 4f6e0a1ea111f29b02af.js:1
(anonymous) @ 4f6e0a1ea111f29b02af.js:1
(anonymous) @ 4f6e0a1ea111f29b02af.js:1
(anonymous) @ 4f6e0a1ea111f29b02af.js:1
f @ 4f6e0a1ea111f29b02af.js:1
t._doValidate @ 4f6e0a1ea111f29b02af.js:1
a @ 4f6e0a1ea111f29b02af.js:1
l @ 4f6e0a1ea111f29b02af.js:1
value @ c8694c35180316a3e245.js:1
e.setDiagnosticsOptions @ c8694c35180316a3e245.js:8
value @ 33e4637d06e051e13eb9.js:1
h @ 545b360bc0082009993c.js:24
b @ 545b360bc0082009993c.js:24
m @ 545b360bc0082009993c.js:24
setTimeout (async)
$o @ 545b360bc0082009993c.js:24
v @ 545b360bc0082009993c.js:24
y @ 545b360bc0082009993c.js:24
value @ 33e4637d06e051e13eb9.js:1
c.emit @ 545b360bc0082009993c.js:39
value @ 8b779ccda328a4c0a29d.js:1
(anonymous) @ 8b779ccda328a4c0a29d.js:1
(anonymous) @ c8694c35180316a3e245.js:1
value @ c8694c35180316a3e245.js:1
value @ c8694c35180316a3e245.js:1
value @ c8694c35180316a3e245.js:1
value @ c8694c35180316a3e245.js:1
value @ c8694c35180316a3e245.js:1
n @ 33e4637d06e051e13eb9.js:1
(anonymous) @ 33e4637d06e051e13eb9.js:1
c @ 545b360bc0082009993c.js:32
(anonymous) @ 545b360bc0082009993c.js:32
forEach.e. @ 545b360bc0082009993c.js:32
E @ 33e4637d06e051e13eb9.js:1
i @ 33e4637d06e051e13eb9.js:1
c8694c35180316a3e245.js:34 Uncaught NetworkError: Failed to execute 'importScripts' on 'WorkerGlobalScope': The script at 'blob:https://plnkr.co/52ddcb22-d884-4bb5-a3c3-b99500014520' failed to load.
We @ c8694c35180316a3e245.js:34
(anonymous) @ c8694c35180316a3e245.js:34
Promise.then (async)
value @ c8694c35180316a3e245.js:34
value @ c8694c35180316a3e245.js:34
value @ c8694c35180316a3e245.js:34
e._getClient @ 4f6e0a1ea111f29b02af.js:1
e.getLanguageServiceWorker @ 4f6e0a1ea111f29b02af.js:1
r @ 4f6e0a1ea111f29b02af.js:1
(anonymous) @ 4f6e0a1ea111f29b02af.js:1
(anonymous) @ 4f6e0a1ea111f29b02af.js:1
(anonymous) @ 4f6e0a1ea111f29b02af.js:1
(anonymous) @ 4f6e0a1ea111f29b02af.js:1
f @ 4f6e0a1ea111f29b02af.js:1
t._doValidate @ 4f6e0a1ea111f29b02af.js:1
a @ 4f6e0a1ea111f29b02af.js:1
l @ 4f6e0a1ea111f29b02af.js:1
value @ c8694c35180316a3e245.js:1
e.setDiagnosticsOptions @ c8694c35180316a3e245.js:8
value @ 33e4637d06e051e13eb9.js:1
h @ 545b360bc0082009993c.js:24
b @ 545b360bc0082009993c.js:24
m @ 545b360bc0082009993c.js:24
setTimeout (async)
$o @ 545b360bc0082009993c.js:24
v @ 545b360bc0082009993c.js:24
y @ 545b360bc0082009993c.js:24
value @ 33e4637d06e051e13eb9.js:1
c.emit @ 545b360bc0082009993c.js:39
value @ 8b779ccda328a4c0a29d.js:1
(anonymous) @ 8b779ccda328a4c0a29d.js:1
(anonymous) @ c8694c35180316a3e245.js:1
value @ c8694c35180316a3e245.js:1
value @ c8694c35180316a3e245.js:1
value @ c8694c35180316a3e245.js:1
value @ c8694c35180316a3e245.js:1
value @ c8694c35180316a3e245.js:1
n @ 33e4637d06e051e13eb9.js:1
(anonymous) @ 33e4637d06e051e13eb9.js:1
c @ 545b360bc0082009993c.js:32
(anonymous) @ 545b360bc0082009993c.js:32
forEach.e. @ 545b360bc0082009993c.js:32
E @ 33e4637d06e051e13eb9.js:1
i @ 33e4637d06e051e13eb9.js:1
c8694c35180316a3e245.js:34 Uncaught (in promise) Error: Unexpected usage
at e.value (c8694c35180316a3e245.js:34:100151)
at c8694c35180316a3e245.js:34:116671
Expected behavior The package should be inserted into the index.html.
Screenshots If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information): Tried in Chrome/Firefox
Additional context