Roomle嵌入集成&xAB；复印及；粘贴时不使用包管理器»；_Roomle

Roomle嵌入集成&xAB；复印及；粘贴时不使用包管理器»；

Roomle嵌入集成&xAB；复印及；粘贴时不使用包管理器»；,roomle,Roomle,我们已经有了一个正在运行的Roomle集成因为有一个新版本的API，我们试图升级。我们使用了来自我们不使用npm，因此尝试了以下代码： <body> <div id="configurator-container"></div> <script src="./roomle-configurator-api.es.min.js" type="module"></sc

我们已经有了一个正在运行的Roomle集成

因为有一个新版本的API，我们试图升级。我们使用了来自

我们不使用npm，因此尝试了以下代码：

<body>
    <div id="configurator-container"></div>
    <script src="./roomle-configurator-api.es.min.js" type="module"></script>
    <script type="module">
        import RoomleConfiguratorApi from './roomle-configurator-api.es.min.js';
        (async ()=> {
            const options = {
                id: 'usm:frame',
            };
            const configurator = await RoomleConfiguratorApi.create(
                'demoConfigurator',
                document.getElementById('configurator-container'),
                options,
            );
        })();
    </script>
</body>


从“./roomle configurator api.es.min.js”导入RoomleConfiguration api；
（异步（）=>{
常量选项={
id:'usm:frame'，
};
const configurator=wait RoomleConfiguratorApi.create(
“demoConfigurator”，
document.getElementById（'configurator-container'），
选项，
);
})();

路径./roomle-configurator-api.es.min.js显然不起作用。最新版本的.js的正确路径是什么

如果有帮助，这是我们当前运行的代码的一部分：

<script src="https://www.roomle.com/t/embedding/roomle-configurator-api.js"></script>

<script>
var wfPartsList;
var flashfoxImg;
var PartsMailer;
function startPartsMailer() {
    PartsMailer = '...html...';
}
function endPartsMailer() {
    PartsMailer += '...html...';
};
document.addEventListener('DOMContentLoaded', async function () {
    try {
        RoomleConfigurator.addChangeListener((parts) => {
            (async function () { 
                const {perspectiveImage} = await RoomleConfigurator.requestAddToCart();
                console.log(perspectiveImage);
                flashfoxImg = perspectiveImage;
            }())
            startPartsMailer()
            var i = 1;
            wfPartsList = parts.partList;
            parts.partList.forEach((part)=> {
                var style = '';
                if (i % 2 == 0) {
                    style = 'background-color: #ececec';
                }
                PartsMailer += '... html ...';
                ++i;
                part.parameters.forEach((param)=> {
                    
                });
            });
        });
        await RoomleConfigurator.init('«name»', 'configurator-container', 'usm:«name»', {
        skin: {
            'color-on-secondary': 'white',
            'brand-logo': 'https://path...'
        }
        });
    } catch(error) {
        console.error(error);
    }
});
</script>


var-wfPartsList；
var-flashfoxImg；
var PartsMailer；
函数startPartsMailer（）{
PartsMailer='…html…'；
}
函数endPartsMailer（）{
PartsMailer+=“…html…”；
};
document.addEventListener（'DOMContentLoaded'，异步函数（）{
试一试{
RoomleConfiguration.addChangeListener（（部件）=>{
（异步函数（）{
const{perspectiveImage}=await RoomleConfiguration.requestAddToCart（）；
console.log（透视图）；
flashfoxImg=透视图像；
}())
startPartsMailer（）
var i=1；
wfPartsList=parts.partList；
parts.partList.forEach（（part）=>{
var样式=“”；
如果（i%2==0）{
风格='背景色：#ececec'；
}
PartsMailer+=“…html…”；
++一,；
part.parameters.forEach（（param）=>{
});
});
});
等待RoomleConfiguration.init（“«名称»”、“配置器容器”、“usm:«名称»”{
皮肤：{
“二级颜色”：“白色”，
“品牌标识”：https://path...'
}
});
}捕获（错误）{
控制台错误（error）；
}
});

基本上，我们建议使用包管理器管理依赖项，如。如果你不喜欢也有

如果您根本不想使用任何包管理器，您可以从npm注册表下载源代码，并将其添加到git项目中

如果可以在一台机器上下载，最简单的方法就是下载库

安装后，您可以在计算机上运行以下bash命令（在Mac上测试，在Windows上可能略有不同）：

基本上，我们建议使用包管理器管理依赖项，如。如果你不喜欢也有

如果您根本不想使用任何包管理器，您可以从npm注册表下载源代码，并将其添加到git项目中

如果可以在一台机器上下载，最简单的方法就是下载库

安装后，您可以在计算机上运行以下bash命令（在Mac上测试，在Windows上可能略有不同）：

mkdir project
cd project
npm init # just say yes to all the questions (hit enter)
npm i @roomle/embedding-lib --save-dev
cp -r node_modules/@roomle/embedding-lib ../my-git-repo-on-local-machine/roomle-embedding-lib
cd ../my-git-repo-on-local-machine/
cd git add -A
cd git commit -am "Add roomle files"