webpack 模块解析失败：意外令牌-使用自定义NPM模块时

bqujaahr 于 2023-10-19 发布在 Webpack

关注(0)|答案(1)|浏览(166)

我有一个Vue 2项目，它与另一个项目共享资产，所以最初我将它们放在同一个repo中，并通过webpack导入它们，效果很好。现在我想使用GIT通过NPM导入它们，因为将所有内容保存在一个repo中不再实用，并且我已经对导入模块的部分进行了排序。
现在我有三个repos：原创、共享资产和全新。
一切都工作在全新的仓库，我导入他们伟大的，但旧的项目不会建立。

Module parse failed: Unexpected token (78:32)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| 
| window.makeIdentifier = (payload) => {
>   return "commentOn-" + payload?.sk;
| };

因此，它无法识别可选的链接，这似乎是一个eslint的事情。
长话短说-我已经花了太长的时间尝试各种各样的东西与eslint现在已经开始失去我的头脑。我试着复制eslint设置，但遇到了一个依赖性问题，我几乎无法阅读，更不用说解释了。我觉得被eslint打败了。
(How有没有人在所有这些eslint配置更改的顶部没有这些问题？）
我是否需要修改原始存储库或共享存储库？为什么它会看到可选的链接作为一个问题，在这个共享的仓库，但不是在原来的地方，它的使用负载？

webpack

来源：https://stackoverflow.com/questions/76860872/module-parse-failed-unexpected-token-when-using-custom-npm-module

1条答案

按热度按时间

nhaq1z211#

我当时可能知道这一点，但只是想避免痛苦，但这里有一个注意到我过去的自我和任何人点击这个页面：
你需要慢慢地，一点一点地。不要尝试复制整个package.json，因为这只会增加问题的干扰。
我从eslint和eslint-plugin-vue开始，将它们与工作的版本内联。然后是babel和eslint配置。然后抱怨其他需要升级的包，所以我回到工作版本，vue重新安装了最新的适用于这些包的包，并将这些声明复制到旧的packgage.json上，然后使用最终的npm install。
以下是我的changelog：

-    "@vue/cli-plugin-babel": "^4.5.15",
-    "@vue/cli-plugin-eslint": "^4.5.15",
-    "@vue/cli-plugin-router": "^4.5.15",
-    "@vue/cli-plugin-unit-jest": "^4.5.15",
-    "@vue/cli-service": "^4.5.15",
-    "@vue/test-utils": "^1.2.2",
-    "babel-eslint": "^10.1.0",
+    "@babel/core": "^7.12.16",
+    "@babel/eslint-parser": "^7.12.16",
+    "@vue/cli-plugin-babel": "~5.0.0",
+    "@vue/cli-plugin-eslint": "~5.0.0",
+    "@vue/cli-plugin-router": "~5.0.0",
+    "@vue/cli-plugin-unit-jest": "~5.0.0",
+    "@vue/cli-service": "~5.0.0",
+    "@vue/test-utils": "^1.1.3",
+    "@vue/vue2-jest": "^27.0.0-alpha.2",
+    "babel-jest": "^27.0.6",

-    "eslint": "^6.7.2",
-    "eslint-plugin-vue": "^6.2.2",
+    "eslint": "^7.32.0",
+    "eslint-plugin-vue": "^8.0.3",

"parserOptions": {
-      "parser": "babel-eslint"
+      "parser": "@babel/eslint-parser"
     },

展开查看全部

赞(0）回复(0）举报 2023-10-19

我来回答

webpack 模块解析失败：意外令牌-使用自定义NPM模块时

1条答案

相关问题

热门标签

最新问答