在Laravel项目中转译ES6

问题描述

有人要求我在Laravel 7 Web应用程序中进行一些开发。 （我是Laravel的新手）

我希望使用更现代的JS语法，但是为了支持较旧的浏览器，我需要转换代码，而我遇到了麻烦。

我有2个不同的文件/模块，而在第三个中，我需要两个文件/模块。

我将只发布代码，以便您可以更好地掌握。 （ 代码被修改为较短的 ）

package.json

 "devDependencies": {
        "webpack": "^4.43.0"
    },"dependencies": {
        "@babel/core": "^7.10.5","babel-core": "^6.26.3","babel-loader": "^8.0.0-beta.6",}

服务1

function foo(id) {
    const URL = someUrl;
    return fetch(URL,{ method: 'GET' })
        .then(response  => response.json())
        .then(json      => json);
}
   
export const serviceOne = {
    foo: foo
}

服务2

function clearSelectpicker(selectpicker) {
    selectpicker
        .html('')
        .selectpicker('refresh');
}
    
export const domService = {
    clearSelectpicker: clearSelectpicker
}

需要上述服务的模块

import { serviceDom }   from '/resources/js/services/dom.service.js';
import { serviceOne }   from '/resources/js/services/one.service.js';

async function laod(cod) {
    serviceOne.something();
}

async function find(id) {
    serviceDom().bla();
}

webpack.mix.js

mix.js('resources/js/services/dom.service.js','public/assets/js/services/dom.service.js');
mix.js('resources/js/services/one.service.js','public/assets/js/services/one.service.js');
mix.js('resources/js/main.js','public/assets/js/main.js');

然后我运行 npm run dev

./ resources / js / main.js中的错误 找不到模块：错误：无法解析'/resources/js/services/one.service.js'

./ resources / js / main.js中的错误 找不到模块：错误：无法解析'/resources/js/services/dom.service.js'

非常感谢！

解决方法

针对有类似问题的人

import { serviceDom }   from '/resources/js/services/dom.service.js';
import { serviceOne }   from '/resources/js/services/one.service.js';

到

import { serviceDom }   from '../services/dom.service.js';
import { serviceOne }   from '../services/one.service.js';