npm 的新手 get SyntaxError: Unexpected token答案

【问题标题】：New to npm get SyntaxError: Unexpected tokennpm 的新手 get SyntaxError: Unexpected token
【发布时间】：2018-09-25 14:09:00
【问题描述】：

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

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

我得到这个错误：

模块构建失败：SyntaxError: Unexpected token。

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

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"
}

}

【问题讨论】：

尝试使用npm i @babel/core@7.0.0-beta.47并使用require
在项目的根目录中打开 CLI 窗口并运行 npm i @babel/core@7.0.0-beta.47 并在代码中使用 require
感谢您的帮助。我尝试了您的解决方案，但它给了我以下错误：找不到模块：错误：无法解析'@xxxxx'如果我将相对路径更改为绝对路径，它将承诺我更改也使用组件的组件的所有路径.这个模板从正面来看确实做得很好。 vuejs 的使用非常好，这就是为什么我不想修改原始文件，而是专注于在 Laravel 中编译项目并开始工作所需的依赖项
我编辑了我的问题，希望它更可行。
您是否尝试删除 node_modules 文件夹并重新运行 npm i？

标签： laravel vue.js babeljs core-ui

【解决方案1】：

为了解决这个问题，我只需在项目的根目录下创建一个文件.babelrc 并添加

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

现在我遇到了我在其他问题中提出的其他问题。感谢 Boussadjra Brahim 的帮助 :)

【讨论】：