5***@qq.com
5***@qq.com
  • 发布:2019-03-21 18:15
  • 更新:2022-06-19 17:40
  • 阅读:1647

uniapp less 使用js报错

分类:uni-app
@content: `"aaa".toUpperCase()`;  

    #randomColor {  
        @randomColor: ~"rgb(`Math.round(Math.random() * 256)`,`Math.round(Math.random() * 256)`,`Math.round(Math.random() * 256)`)";  
    }  

    #wrap {  
        width: ~"`Math.round(Math.random() * 100)`px";  

        &:after {  
            content: @content;  
        }  

        height:~"`window.innerHeight`px";  
        alert:~"`alert(1)`";  
        #randomColor();  
        background-color: @randomColor;  
    }

然后就报错了
18:07:22.097 Module build failed (from ./node_modules/less-loader/dist/cjs.js):
18:07:22.097 @content:"aaa".toUpperCase();
18:07:22.101 ^
18:07:22.101 Inline JavaScript is not enabled. Is it set in your options?

2019-03-21 18:15 负责人:无 分享
已邀请:
yangr

yangr

你好 问题解决了么?

c***@qq.com

c***@qq.com

我也找了好久哦,看来官方是不会回答的了。

在项目相面添加 vue.config.js

文件内容如下可以:

module.exports = {  
  css: {  
    loaderOptions: {  
      // 给 less-loader 传递 Less.js 相关选项  
      less: {  
        javascriptEnabled: true,  
      }  
    }  
  }  
}
c***@qq.com

c***@qq.com

修改插件的选项不生效。感觉他们的插件是分离的,版本跟软件里面本身的不一致,难~

该问题目前已经被锁定, 无法添加新回复