Question

编辑：根据我的研究进展，我更改了package.json，它似乎与babel有关，我一直在寻找。但是，我想更改从现在开始将提供给您的package.json，并尝试找到正确的依赖项。

我目前面临将coreui模板集成到laravel 5.7中的问题。

我收到此错误：

模块构建失败：SyntaxError：意外的令牌。

它发生在路由器文件中。它在组件导入级别崩溃。

import Vue from 'vue'
import Router from 'vue-router'

// Containers
const DefaultContainer = () =>/* HERE */ import('@/containers/DefaultContainer')

我是npm的新手，真的不知道该如何解决。因此，我们将不胜感激任何帮助。

这是我的package.json

{
"private": true,
"scripts": {
    "dev": "npm run development",
    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "npm run development -- --watch",
    "watch-poll": "npm run watch -- --watch-poll",
    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "prod": "npm run production",
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},
"devDependencies": {
    "axios": "^0.18",
    "cross-env": "^5.1",
    "install": "^0.12.1",
    "jquery": "^3.2",
    "laravel-mix": "^2.0",
    "lodash": "^4.17.5",
    "popper.js": "^1.12",
    "vue": "^2.5.7"
},
"dependencies": {
    "@coreui/coreui": "^2.0.4", 
    "@coreui/icons": "^0.3.0",
    "@coreui/vue": "^2.0.0",
    "bootstrap-vue": "^2.0.0-rc.11",
    "flag-icon-css": "^3.2.0",
    "font-awesome": "^4.7.0",
    "perfect-scrollbar": "^1.4.0",
    "simple-line-icons": "^2.4.1",
    "vue-router": "^3.0.1"
}

}

Answer 1

要解决此问题，我只需在项目的根目录下创建文件.babelrc并添加

{
  "plugins": ["@babel/plugin-syntax-dynamic-import"]
}

现在我又遇到另一个问题。谢谢Boussadjra Brahim的帮助：）

npm的新功能获得SyntaxError：意外令牌

1 个答案: