Expression expected in PhpStorm when using php variables in JavaScript functions

Question

When I am using changing php variables to JavaScript variables, I am getting "expression expected" error from PhpStorm.

I cannot change the extension of the file to something.js.php because I am already using blade template so it should be blade.php

<!DOCTYPE html>
<html>
<body>
<?php $myVar = 5;?>

<script type="text/javascript">
    var myJavascriptVar = <?php echo $myVar; ?>;
    var myJavascriptSecondVar = {{$myVar;}};
    alert(myJavascriptVar + myJavascriptSecondVar);
</script>
</body>
</html>

I have added a sample html page for more clarification. In PhpStrom the

var myJavascriptVar = <?php echo $myVar; ?>;

and

 var myJavascriptSecondVar = {{$myVar;}};

statements gives expression expected error.

You can set the coding templates etc... in the settings in jetbrains products. You can define witch errors phpstorm should check for, and disable where it shouldnt — RFLdev
– RFLdev, Commented Aug 2, 2016 at 11:25
Please attach/share file that has this issue (using original file name) -- code could be simplified just enough to reproduce the issue. ideally -- create and share sample project (whole project). Right now it's not 100% clear (from these small screenshots) what context it has (file type etc). Full screenshot of the whole editor window (where editor tab with file name/icon is visible) might help as well. — LazyOne
– LazyOne, Commented Aug 2, 2016 at 11:30
to get rid of the warning, write <?php echo 'var myJavascriptVar = '.$myVar; ?>; — cari
– cari, Commented Nov 7, 2016 at 13:14

LazyOne · Accepted Answer · 2016-08-02 11:45:23Z

10

That's a bug (incomplete inter-language handling) in PhpStorm.

https://youtrack.jetbrains.com/issue/WI-24968
https://youtrack.jetbrains.com/issue/WI-25739
possibly some another (from "Related" list) as well

Watch those tickets (star/vote/comment) to get notified on any progress. Right now they are not assigned to any specific future versions.

answered Aug 2, 2016 at 11:45

LazyOne

167k49 gold badges419 silver badges422 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Serdar Saygılı Over a year ago

-- var myJavascriptSecondVar = {{$myVar;}}; -- For this statement I can understand there is a bug for laravel template. However -- var myJavascriptVar = <?php echo $myVar; ?>; -- for this statement I think PhpStorm should not give this error because it should be very common I guess.

LazyOne Over a year ago

Yes .. but that works without extra warnings in .php files ... but here you have .blade.php which is a completely different File Type (in IDE eyes). Every language is implemented/handled separately -- PHP+JS may have special exclusions already in place; now it needs to be extended to cover Blade files as well. I may only suggest to submit another ticket on Issue Tracker for this moment.

data · Accepted Answer · 2018-04-27 06:20:01Z

5

Here are two workarounds:

1. function

function blade(_)
{
    return _;
}

var data = blade({{ $data }});
// or ES6 arrow function
var data = (_ => _)({{ $data }});

2. array

var data = [{{ $data }}].pop();
// or
var data = [{{ $data }}][0];

answered Apr 27, 2018 at 6:20

data

2,8731 gold badge24 silver badges25 bronze badges

1 Comment

GinealSoftwareDev Over a year ago

var data = [{{ $data }}][0]; //this is perfect for me

Collectives™ on Stack Overflow

Expression expected in PhpStorm when using php variables in JavaScript functions

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related